[css] Vendor prefix 밴더 프리픽스 사이트 활용법

지난시간에 border-radius속성을 공부하면서 잠깐 밴더 프리픽스(Vendor prefix)을 사용해봤는데요 css를 하다보면 밴더 프리픽스(Vendor prefix)사용하는 일이 많이 있을겁니다

그래서 오늘은 밴더 프리픽스(Vendor prefix) 좀더 쉽고 빠르고 편하게 사용할수 있는 방법에 대해서 알아보록 하겠습니다

밴더 프리픽스(Vendor prefix)를 쉽고 빠르고 편하게 사용하기 위해서는

밴더 프리픽스(Vendor prefix) 사이트를 활용해야 합니다

아래의 사진이 밴더 프리픽스(Vendor prefix) 사이트 인데요

http://cssprefixer.appspot.com/

밴더 프리픽스(Vendor prefix) 사이트 활용법은 매우 간단합니다

1. 밴더 프리픽스(Vendor prefix) 사이트 접속 

2. See it in action 항목에  밴더 프리픽스(Vendor prefix)적용할 css를 입력한다

3. process를 클릭한다

밑에 사진이 위의 방법되로 한 결과인데요

위의 이미지를 보면 알수 있듯이 밴더 프리픽스(Vendor prefix)를 적용하고 싶은 css속성을 입력후 process를 클릭해주니 자동으로 밴더 프리픽스(Vendor prefix) 붙여서 나온다는것을 알수 있습니다 css속성을 사용할때 밴더 프리픽스(Vendor prefix)사이트를 알고있다면 조금이나마 편해지겠죠