47个值得你学习的CSS3动画演示

下面是一个编译47个值得你学习的CSS3动画演示。它们展示了CSS3转换和过渡性的可能性。有些是非常有用的，并可以被用作Javascript的替代品。他们中的大多数都只是看起来很酷。为了演示这些效果，你需要一个拥有WebKi内核t的浏览器，如Safari和Chrome（IE9以下的用户请不要浏览）。 ！

CSS3 jQuery的时钟

模拟时钟

使用箭头键旋转的3D魔方

3D多维数据集的多个（滑动输入/输出）

CSS3手风琴

自动滚动视差

Isocube

图片廊

矩阵

Javascript的效果使用CSS3选择

图片悬停效果

车削的可口可乐罐（带滚动条的控制）

3D梅尼纳斯

宝丽库

空间

注：这是图形激烈，需要一段时间才能加载，但结果却是疯狂的！

Mac的Dock

直接在情态动词

滑动乙烯基

放大宝丽来

动画火箭

海报圈

变形立方体

落叶归根“

动画宝丽库

聚光灯投射阴影

七彩钟

灯箱画廊（可拖动）

弹性缩略图菜单

的CoverFlow

雪花

jQuery的DJ英雄

动态堆叠卡

另一个图片廊

雪堆栈（用箭头键控制）

动画价格栏

油滑的jQuery的菜单

CSS3

没有Javascript的CSS标签

没有Javascript选项菜单

SVG鱼眼菜单

如果未使用Flash的动态演示

旋转图片

下拉菜单

另一个鱼眼镜头

一帧一帧动画（悬停播放）

另一个手风琴

AT-AT步行者（没有Flash或JavaScript）

原文：http://webdesignerwall.com/trends/47-amazing-css3-animation-demos