본문 바로가기
CSS/CSS3

CSS3 트랜지션 (transition) 효과

by 샷타이거 2012. 3. 5.

CSS3 트랜지션 (transition) 효과

트랜지션은화면의 변화나 움직을 보여주고 싶을때 쓸수있다.
사용방법은 다음과 같다

transition: property(변화시키고자 하는요소, 배경생 폰트컬러 등)
               duration(액션이 진행될 시간)
               timing-function(액션의 방법)
               delay(지연시간);

div{ transition: color 2.5s ease-in 0;}

위는 간단한예. 브라우저마다 -moz-,-webkit-,-o-를 붙여야된다(귀찮아서 생략).
물론 IE는 지원하지 않는다.

댓글