BLOG main image
분류 전체보기 (313)
교육 (13)
NEIS (6)
Edufine (0)
Programmer (5)
Android Programming (1)
Internet W3 (18)
JAVA Programming (9)
JSP/Servlet (1)
Framework (7)
Spring For Beginner (4)
eGovFrame (10)
MEAN Stack (2)
NodeJS (5)
SublimeText (30)
SublimeText_Tips (18)
Eclipse (16)
JavaScript (8)
jQuery (12)
jQuery_tips (1)
Ajax (3)
DWR(Direct Web Remote) (4)
JSON(JS Object Notation) (4)
Oracle (2)
MySQL (28)
OS (16)
Download (3)
Life (10)
Favorit Site (1)
Books (2)
Healthy (1)
Stocks (1)
HTML5/CSS (1)
Python (4)
Security (7)
CISSP (0)
Ruby On Rails (5)
일기장 (0)
영어 교과서(중2) (3)
알고리즘 (0)
Go Lang (3)
VB 2010 (12)
C# (1)
정보보안기사(네트워크보안) (0)
업무 활용 엑셀 (11)
틈틈이 활용팁 (14)
하루 하루 살아가며 ……. (2)
기술 (1)
파이썬 & 데이터분석 (1)
Visitors up to today!
Today hit, Yesterday hit
daisy rss
tistory 티스토리 가입하기!
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

 

반응형