本文介绍47个令人咋舌的CSS3动画演示汇编。他们展示了CSS3的转换和过渡性的处理。有些是非常有用的,可以作为浏览器的替代品使用。这些效果大多是简单的,看起来很酷。为了尝试这些效果,你需要的WebKit浏览器,如Safari和Chrome。
CSS3 Clock With jQuery
![css3 clock](http://static.oschina.net/uploads/img/201112/01144109_nSln.jpg)
Analogue Clock
![analogue clock](http://static.oschina.net/uploads/img/201112/01144109_J25J.jpg)
3D Cube That Rotates Using Arrow Keys
![3d cube](http://static.oschina.net/uploads/img/201112/01144110_De8h.jpg)
Multiple 3D Cubes (Slide In/Out)
![multiple 3d cubes](http://static.oschina.net/uploads/img/201112/01144110_C2NO.jpg)
CSS3 Accordion
![css3 clock](http://static.oschina.net/uploads/img/201112/01144110_WqRi.jpg)
Auto-Scrolling Parallax
![auto scrolling parallax](http://static.oschina.net/uploads/img/201112/01144112_PwOU.jpg)
Isocube
![isocube](http://static.oschina.net/uploads/img/201112/01144112_SxW3.jpg)
Image Gallery
![image gallery](http://static.oschina.net/uploads/img/201112/01144113_cIAg.jpg)
Matrix
![matrix](http://static.oschina.net/uploads/img/201112/01144113_6v4g.jpg)
7 Javascript-effect Alternatives Using CSS3
![javascript effect alternatives](http://static.oschina.net/uploads/img/201112/01144113_o3At.jpg)
Image Hover Effects
![css3 clock](http://static.oschina.net/uploads/img/201112/01144114_bloY.jpg)
Turning Coke Can (Control With Scrollbar)
![coke can](http://static.oschina.net/uploads/img/201112/01144114_jK1T.jpg)
3D Meninas
![3d meninas](http://static.oschina.net/uploads/img/201112/01144114_Cp4k.jpg)
Polaroid Gallery
![polaroid gallery](http://static.oschina.net/uploads/img/201112/01144114_u4bk.jpg)
Space
Note: this one is graphic intense and takes a while to load, but the result is crazy!
![space](http://static.oschina.net/uploads/img/201112/01144115_1PpC.jpg)
Mac Dock
![css3 clock](http://static.oschina.net/uploads/img/201112/01144115_rqKK.jpg)
Drop-In Modals
![drop in modals](http://static.oschina.net/uploads/img/201112/01144115_TRtq.jpg)
Sliding Vinyl
![sliding vinyl](http://static.oschina.net/uploads/img/201112/01144115_MnXM.jpg)
Zooming Polaroids
![zooming polaroids](http://static.oschina.net/uploads/img/201112/01144115_vFEQ.jpg)
Animated Rocket
![animated rocket](http://static.oschina.net/uploads/img/201112/01144119_thed.jpg)
Poster Circle
![poster circle](http://static.oschina.net/uploads/img/201112/01144119_b8yU.jpg)
Morphing Cubes
![morphing cubes](http://static.oschina.net/uploads/img/201112/01144119_atmh.jpg)
Falling Leaves
![falling leaves](http://static.oschina.net/uploads/img/201112/01144120_dDnR.jpg)
Animated Polaroid Gallery
![polaroid gallery](http://static.oschina.net/uploads/img/201112/01144120_NigO.jpg)
Spotlight Cast Shadow
![spotlight cast shadow](http://static.oschina.net/uploads/img/201112/01144120_DKmB.jpg)
Colorful Clock
![colorful clock](http://static.oschina.net/uploads/img/201112/01144120_QJa3.jpg)
Lightbox Gallery (Draggable)
![css3 clock](http://static.oschina.net/uploads/img/201112/01144121_NMYs.jpg)
Elastic Thumbnail Menu
![elastic thumbnail menu](http://static.oschina.net/uploads/img/201112/01144121_sfka.jpg)
Coverflow
![coverflow](http://static.oschina.net/uploads/img/201112/01144121_sUl7.jpg)
Snowflakes
![snow](http://static.oschina.net/uploads/img/201112/01144122_4TEN.jpg)
jQuery DJ Hero
![dj hero](http://static.oschina.net/uploads/img/201112/01144122_HTxD.jpg)
Dynamic Stacking Cards
![stacking cards](http://static.oschina.net/uploads/img/201112/01144122_Wx3s.jpg)
Another Image Gallery
![image gallery](http://static.oschina.net/uploads/img/201112/01144122_AVGf.jpg)
Snow Stack (Control With Arrow Keys)
![snow stack](http://static.oschina.net/uploads/img/201112/01144122_ZXj6.jpg)
Animated Pricing Column
![animated pricing column](http://static.oschina.net/uploads/img/201112/01144123_NQou.jpg)
Slick jQuery Menu
![slick jquery menu](http://static.oschina.net/uploads/img/201112/01144123_mpzk.jpg)
CSS3
![sticky notes](http://static.oschina.net/uploads/img/201112/01144123_EzFR.jpg)
CSS Tabs Without Javascript
![css tabs](http://static.oschina.net/uploads/img/201112/01144123_3yQz.jpg)
Tab Menus Without Javascript
![tab menus](http://static.oschina.net/uploads/img/201112/01144124_FJL6.jpg)
SVG Fisheye Menu
![fisheye menu](http://static.oschina.net/uploads/img/201112/01144124_SAa6.jpg)
Dynamic Presentation Without Flash
![dynamic presentation](http://static.oschina.net/uploads/img/201112/01144124_7GI8.jpg)
Rotating Gallery
![rotating gallery](http://static.oschina.net/uploads/img/201112/01144124_7FxG.jpg)
Dropdown Menu
![dropdown menu](http://static.oschina.net/uploads/img/201112/01144124_j3Xh.jpg)
Another Fisheye
![fisheye](http://static.oschina.net/uploads/img/201112/01144125_7ttC.jpg)
Frame-by-Frame Animation (Hover to Play)
![css3 animation](http://static.oschina.net/uploads/img/201112/01144125_kumr.jpg)
Another Accordion
![another accordion](http://static.oschina.net/uploads/img/201112/01144125_ztdy.jpg)
AT-AT Walker (No Flash or Javascript)
![css3 animation walker](http://static.oschina.net/uploads/img/201112/01144125_x8OJ.jpg)