|
|||
|
|||
发布时间:2010.02.05 新闻来源:网页教学网 | |||
或许你已经看过很多关于CSS3动画的技术,包括网页教学网之前发表的一些,那么现在就情看一看CSS3动画的魅力吧。这里是一辑47个令人瞠目结舌的CSS3动画演示。他们演示了CSS3能给我们带来的巨大的可能性。 1.使用jQuery的CSS3时钟2.模拟时钟3.使用方向键旋转的3D盒子4.多个3D盒子(滑入/滑出)5. CSS3折叠6. 自动滚动的视差7. Isocube8. 图片画廊9. 矩阵10. 7个使用CSS3的Javascript效果替代11. 图片滑过效果12. 转动的可乐罐 (通过滚动条控制)PS:这个例子和下面这个严格来说都不是用的CSS3技术,而是复杂的图片和css的background-position属性的应用。 13. 3D 房间14. 宝利来画廊15. 太空注意: 这个演示依赖图形,需要一些时间来加载,但是结果非常疯狂! 16. Mac Dock17. 滑入的模态窗口18. 滑动的唱片19. 放大的宝利来画廊20. 动画的火箭21. Poster Circle这个需要支持3D动画的浏览器才能看到全部效果,比如Mac版Safari4浏览器 22. 变形的盒子23. 落叶24. 动画效果宝利来画廊25. 聚光灯投影26. 彩色时钟27. Lightbox 画廊(可拖拽)28. 弹性所略图菜单29. Coverflow30. 雪花31. jQuery DJ Hero32. 动态的堆叠卡33. 另一个图片画廊34. 雪栈 (用方向键控制)35. 动画的定价分组36. 光滑的jQuery菜单37. CSS338. 不用Javascript的CSS Tabs39. 无JavaScript的Tab菜单40. SVG Fisheye菜单41. 无Flash的动态演示42. 旋转的画廊43. 下拉菜单44. 另一个Fisheye效果45. 逐帧动画(鼠标经过时演示)46. 另一个CSS3折叠47. AT-AT Walker (没有用Flash或JavaScript)翻译自:47 Amazing CSS3 Animation Demos
|
|||
北京上海天津重庆河北山西河南辽宁吉林黑龙江内蒙古江苏山东安徽浙江福建湖北湖南广东广西江西海南贵州云南西藏陕西甘肃青海宁夏新疆四川成都绵阳平武安县江油梓潼三台盐亭南充西充南部阆中营山蓬安仪陇达川遂宁广安泸州宜宾内江西昌雅安康定阿坝德阳广汉什邡绵竹中江广元巴中松潘马尔康马尔康九寨沟峨眉山黄龙郫县新都福州杭州宁波新疆长春南京张家界长沙中山深圳珠海佛山东莞三亚贵阳南宁太原南昌海口合肥龙岩西宁汕头湛江更多城市...