SublimeText

서브라임 텍스트 플러그인 - Prefixr(CSS with Cross Browser)

MorningPhys 2015. 7. 13. 09:37

Prefixr 플러그인은 기본 CSS 코드를 Cross Browser 에 맞게 코드를 작성해주는 것을 말합니다.

http://prefixr.com/


Prefixr 설치하는 방법.
Prefixr 을 설치하는 방법은 Zen Coding을 설치하는 방법과 동일합니다.
Ctrl+Shift+P 를 클릭해서 명령 팔렛트를 불러와서 Package Control 을 인스톨하고, Prefixr 을 인스톨합니다.
자세한 방법은 http://wbond.net/sublime_packages/prefixr 를 참고하세요.


Prefixr 사용하는 방법.
Prefixr 를 사용하는 방법은 무척 간단합니다.
CSS 코드를 모두 선택한다음 단축키인 Ctrl+Alt+X 를 누르면 됩니다.

 

Prefixr

 

/* 사용전 */
.box {
       animation: slide 1s alternate;
}

/* Ctrl+Alt+X 클릭한 후 */
.box {
       -webkit-animation: slide 1s alternate;
       -moz-animation: slide 1s alternate;
       -ms-animation: slide 1s alternate;
       -o-animation: slide 1s alternate;
       animation: slide 1s alternate;


출처 : http://demun.tistory.com/2223

 

반응형