prefixfree.min.js
-ms-
-webkit- … 등의 prefix를 대신 처리해주는 스크립터 플러그인~
즉 transition-duration : 1s; 이것만 쓰면 되는것이지요….
-ms-transitioni-dutation : 1s;
-webkit-transition-duration : 1s;
-moz-transition-duration : 1s;
-o-transition-duration : 1s;
transition-duration : 1s;
http://leaverou.github.com/prefixfree/
예를들자면
/*변환효과적용*/
-ms-transitioni-dutation : 1s;
-webkit-transition-duration : 1s;
-moz-transition-duration : 1s;
-o-transition-duration : 1s;
transition-duration : 1s;
위에 예처럼 transition-duration 효과를 1초 주는데… ms 익스플로러, 웹킷, 모질라, 오페라 등에 각 브라우저에서 동작하도록 프리픽스를 줘야 한다는 거…. 여기서 해방되는 방법은 다양하게 있지만.. 우리는 prefix free 플러그인을 사용해보자.
벤더프리픽스 사용!
홈페이지
http://leaverou.github.com/prefixfree/
지원 브라우저
데답 : IE9+, Opera 10+, Firefox 3.5+, Safari 4+ , Chrome.
모바일 : Mobile Safari, Android browser, Chrome , Opera Mobile.
방법
스타일시트 로드 뒤에쓰면 된다.
앞으로는 transition-duration : 1s; 만 적어주면 자동으로 저 스크립트가 프리픽스를 붙여서 브라우저에 전달해준다.