47个惊人的CSS动画演示
来源:互联网 发布:淘宝店铺装修怎么弄 编辑:程序博客网 时间:2024/04/30 12:49
原文链接:http://www.webdesignerwall.com/trends/47-amazing-css3-animation-demos/
译文链接:http://www.iwanna.cn/archives/2010/08/11/4911/
这里收集了47个惊人的CSS动画演示。他们展示了CSS3强大的图形变换能力。大部分动画看起来十分简单又很酷。你只有安装上webkit浏览器(如Safari、Chrome)来观看他们(暂不支持IE浏览器)。
1.使用jQuery的CSS3时钟
2.模拟时钟
3.使用方向键旋转的3D盒子
4.多个3D盒子(滑入/滑出)
5. CSS3折叠
6. 自动滚动的视差
7. Isocube
8. 图片画廊
9. 矩阵
10. 7个使用CSS3的Javascript效果替代
11. 图片滑过效果
12. 转动的可乐罐 (通过滚动条控制)
PS:这个例子和下面这个严格来说都不是用的CSS3技术,而是复杂的图片和css的background-position属性的应用。
13. 3D 房间
14. 宝利来画廊
15. 太空
注意: 这个演示依赖图形,需要一些时间来加载,但是结果非常疯狂!
16. Mac Dock
17. 滑入的模态窗口
18. 滑动的唱片
19. 放大的宝利来画廊
20. 动画的火箭
21. Poster Circle
这个需要支持3D动画的浏览器才能看到全部效果,比如Mac版Safari4浏览器
22. 变形的盒子
23. 落叶
24. 动画效果宝利来画廊
25. 聚光灯投影
26. 彩色时钟
27. Lightbox 画廊(可拖拽)
28. 弹性所略图菜单
29. Coverflow
30. 雪花
31. jQuery DJ Hero
32. 动态的堆叠卡
33. 另一个图片画廊
34. 雪栈 (用方向键控制)
35. 动画的定价分组
36. 光滑的jQuery菜单
37. CSS3
38. 不用Javascript的CSS Tabs
39. 无JavaScript的Tab菜单
40. SVG Fisheye菜单
41. 无Flash的动态演示
42. 旋转的画廊
43. 下拉菜单
44. 另一个Fisheye效果
45. 逐帧动画(鼠标经过时演示)
46. 另一个CSS3折叠
47. AT-AT Walker (没有用Flash或JavaScript)
- 47个惊人的CSS动画演示
- 47个惊人的CSS3动画演示
- 47个惊人的CSS3动画演示
- 47个惊人的CSS3动画演示
- 47个惊人的CSS3动画演示
- 荐:47个惊人的CSS3动画演示
- 35个惊人的 CSS3 动画演示
- 8个WebGL/JS惊人效果演示
- 你需要了解的21个CSS惊人技巧
- 你需要了解的21个CSS惊人技巧
- css动画演示
- 动画演示10个有趣但毫无用处的Linux命令
- 动画演示10个有趣但毫无用处的Linux命令
- 动画演示10个有趣但毫无用处的Linux命令
- 动画演示10个有趣但毫无用处的Linux命令
- 动画演示10个有趣但毫无用处的Linux命令
- 动画演示10个有趣但毫无用处的Linux命令
- 动画演示10个有趣但毫无用处的Linux命令
- 真正的学习
- eclipse 上调试android的自带应用方法 二 (Re-installation failed due to different application signatures.)
- 此博客转独立域名 abloz.com
- 搭建Hudson分布式构建环境
- linux设备模型 —— sysfs
- 47个惊人的CSS动画演示
- Python字符编码详解
- java基础之内存分配
- php语法笔记
- 设备驱动程序共性
- 用C++编写一个使用嵌套循环的程序
- af
- open函数的标志的意思
- 文本框输入字母转大写