순수 CSS3 Transform을 활용한 에니메이션 UI


요즘 프로젝트 때문에 정신없어서 글을 못쓴지 한참됬네요.. ㅜㅜ
어제 순수 CSS3의 Transform을 활용하여 만든 멋진 UI를 보고 한눈에 반해서 분석후 만들어 봤습니다.

HTML5와 CSS3의 속성들의 지원범위가 확대되면서 불과 3~4년전의 플러그인을 설치해야 볼 수 있덨던 플래시에 버금가는 에니메이션 구현이 가능해졌고 사용 범위도 확대 되고 있습니다.
앞으로가 더 기대되네요.

본 UI는 IE 10이상, 파이어폭스, 크롬, 사파리, 오페라 최신버전에서 동작합니다.

참고1: http://www.liftinteractive.com
참고2: Transform 동작원리

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다