[CSS] 벤더 프리픽스

벤더 프리픽스

CSS3 표준으로 확정되기 이전 브라우저 개발사가 실험적으로 제공하는 기능을 사용하기 위해서는 벤더 프리픽스를 사용하여야 한다.

Browser	Vendor Prefix
IE or Edge	-ms-
Chrome	-webkit-
Firefox	-moz-
Safari	-webkit-
Opera	-o-
iOS Safari	-webkit-
Android Browser	-webkit-
Chrome for Android	-webkit-

Prefix Free 라이브러리

브라우저는 거의 매달 업데이트가 이루어지고 있어 불필요한 벤더 프리픽스를 사용할 가능성이 크다. 사용하지 않아도 되는 벤더 프리픽스를 사용하는 것은 성능에도 영향을 주기 때문에 Prefix Free 라이브러리(http://leaverou.github.io/prefixfree/)를 사용하는 것은 매우 유용한 방법이다.

하단 url을 인클루드해서 사용하면 된다.

 <script src="prefixfree.min.js"></script>

출처 : https://poiemaweb.com/css3-vendor-prefix