CSS 랜더링 엔진

랜더링엔진

브라우저 마다 페이지를 랜더링 하는 기준이 달라서, 특정 브라우저에서만 동작하는 CSS를 기립하기 위해 CSS HACK을 사용한다.

예)

-webkit-transition: opacity .25s ease .1s;
-moz-transition: opacity .25s ease .1s;
-o-transition: opacity .25s ease .2s;
transition: opacity .25s ease .2s;

-webkit : 사파리 크롬에서만 동작
-o : 오페라에서만 동작
-moz : 파이어폭스에서 동작
transition : 전체 브라우저 동작

*transtion은 마우스 오버시 자바스크립트나 플래쉬 없이 div에 어떠한 액션을 줄때 사용한다

참조링크

http://www.w3schools.com/cssref/css3_pr_transition-property.asp
http://linuxism.tistory.com/1677