繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 收集国外47个令人瞠目结舌的CSS3动画演示
- CSS样式表
- CSS优先级规则的细节
- CSS失效，原来是和网页第一段代码有关
- 你真的了解CSS吗？你是属于哪个层次？
- 让样式表CSS代码更加专业规范
- 建议网页设计师用CSS制作网站导航菜单
- 简单学习css组合与CSS嵌套的写法
- CSS学习之css代码的简写的十条规则
- 条件CSS的介绍
- CSS教程:网页中多个样式表顺序问题
- CSS教程：网页版面设计无效的10个原因
- 页面重构工程师应该具有的技能和素质
- 选择正确DOCTYPE解决CSS在网页失效问题
- Opera中国的WEB标准课程
- 简单介绍Web Developer插件制作网页
- CSS布局带来的巨大影响:CSS display属性值
- 用div css模拟表格对角线
- IE Firefox在css中的差别 (部分)
- 不用js可以实现信息提示效果
- CSS解决未知高度的垂直水平居中自适应问题
- CSS cursor 属性 -- 鼠标指针样式效果
CSS样式表 中的 收集国外47个令人瞠目结舌的CSS3动画演示
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-03-17 浏览: 225 ::
收藏到网摘: n/a
或许你已经看过很多关于CSS3动画的技术，包括软晨学习网之前发表的一些，那么现在就情看一看CSS3动画的魅力吧。这里是一辑47个令人瞠目结舌的CSS3动画演示。他们演示了CSS3能给我们带来的巨大的可能性。
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)
评论 (0) All
