Andy's Blog » » CSS 3 动画演示

CSS 3 动画演示

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浏览器
CSS 3 动画演示

22. 变形的盒子

CSS 3 动画演示

23. 落叶

CSS 3 动画演示

24. 动画效果宝利来画廊

CSS 3 动画演示

25. 聚光灯投影

CSS 3 动画演示

26. 彩色时钟

CSS 3 动画演示

27. Lightbox 画廊(可拖拽)

CSS 3 动画演示

28. 弹性所略图菜单

CSS 3 动画演示

29. Coverflow

CSS 3 动画演示

30. 雪花

CSS 3 动画演示

31. jQuery DJ Hero

CSS 3 动画演示

32. 动态的堆叠卡

CSS 3 动画演示

33. 另一个图片画廊

CSS 3 动画演示

34. 雪栈 (用方向键控制)

CSS 3 动画演示

35. 动画的定价分组

CSS 3 动画演示

36. 光滑的jQuery菜单

CSS 3 动画演示

37. CSS3

CSS 3 动画演示

38. 不用Javascript的CSS Tabs

CSS 3 动画演示

39. 无JavaScript的Tab菜单

CSS 3 动画演示

40. SVG Fisheye菜单

CSS 3 动画演示

41. 无Flash的动态演示

CSS 3 动画演示

42. 旋转的画廊

CSS 3 动画演示

43. 下拉菜单

CSS 3 动画演示

44. 另一个Fisheye效果

CSS 3 动画演示

45. 逐帧动画(鼠标经过时演示)

CSS 3 动画演示

46. 另一个CSS3折叠

CSS 3 动画演示

47. AT-AT Walker (没有用Flash或JavaScript)

CSS 3 动画演示

Incoming search terms:

Tags: css, CSS3, 动画

本文地址: http://www.21andy.com/new/20100208/1647.html