Nick La씨가 취합한 CSS3 애니메이션 데모 47개 입니다. 다양한 방법으로 CSS3의 속성을 이용한 자바스크립트 애니메이션 사용법들을 제시합니다. 지금까지 SVG나 Canvas 요소로밖에 표현할 수 없었던 많은 부분을 CSS3로 해결하고 있습니다. 아래의 데모를 정상적으로 조회하기 위해서는 CSS3를 지원하는 사파리, 크롬, 파이어폭스 브라우저를 필요로 합니다.
Analogue Clock
Multiple 3D Cubes (Slide In/Out)
Auto-Scrolling Parallax
Image Gallery
7 Javascript-effect Alternatives Using CSS3
Turning Coke Can (Control With Scrollbar)
Polaroid Gallery
Mac Dock
Sliding Vinyl
Animated Rocket
Morphing Cubes
Animated Polaroid Gallery
Colorful Clock
Elastic Thumbnail Menu
Snowflakes
Dynamic Stacking Cards
Snow Stack (Control With Arrow Keys)
Slick jQuery Menu
CSS Tabs Without Javascript
SVG Fisheye Menu
Rotating Gallery
Another Fisheye
Another Accordion
AT-AT Walker (No Flash or Javascript)
Comments