기존의 컨벤션 사이트를 CSS3 미디어쿼리를 이용한 반응형 웹사이트로 리뉴얼 하였습니다.
이제는 정말 Multi Device & One Web 시대네요.
월별 글 목록: 2012년 12월월
순수 CSS3 Transform을 활용한 에니메이션 UI
요즘 프로젝트 때문에 정신없어서 글을 못쓴지 한참됬네요.. ㅜㅜ
어제 순수 CSS3의 Transform을 활용하여 만든 멋진 UI를 보고 한눈에 반해서 분석후 만들어 봤습니다.
HTML5와 CSS3의 속성들의 지원범위가 확대되면서 불과 3~4년전의 플러그인을 설치해야 볼 수 있덨던 플래시에 버금가는 에니메이션 구현이 가능해졌고 사용 범위도 확대 되고 있습니다.
앞으로가 더 기대되네요.
본 UI는 IE 10이상, 파이어폭스, 크롬, 사파리, 오페라 최신버전에서 동작합니다.
참고1: http://www.liftinteractive.com
참고2: Transform 동작원리