본문 바로가기

나의 플랫폼/HTML5

[ HTML5 : CSS3 ] Transition 데모

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
 책에 예제 소스를 연습하다가, transition 이라는 멋진 속성을 보게 되었습니다.

하지만, ease-in, ease-in-out등 옵션이 몇가지가 있는지 궁금해서 조사해봤는데~

역시 수는 적지만 다양한 옵션이 있네요. 

샘플은 아래 사이트에서 부분적인 소스만 복사한 것이구요.

참고용으로 보시면 될듯 합니다.

사이트:  http://css3.bradshawenterprises.com/transitions/ 



 

Demo - Different timing functions

Ease

Ease In

Ease Out

Ease In Out

Linear

Custom


Hover on me