当前位置: 首页 > 设计资讯 > 备案资讯 > 正文

47个惊人的CSS3动画演示(上)

2010-02-24 11025 0
  或许你已经看过很多关于CSS3动画的技术,包括前端观察之前发表的一些,那么现在就情看一看CSS3动画的魅力吧。这里是一辑47个令人瞠目结舌的CSS3动画演示。他们演示了CSS3能给我们带来的巨大的可能性。

1.使用jQuery的CSS3时钟

 

css3 clock

 

2.模拟时钟

 

analogue clock

[Page: ]

3.使用方向键旋转的3D盒子

 

3d cube

4.多个3D盒子(滑入/滑出)

 

multiple 3d cubes

 

[Page: ]

5. CSS3折叠

 

css3 clock

 

6. 自动滚动的视差

 

auto scrolling parallax

[Page: ]

7. Isocube

 

isocube

 

8. 图片画廊

 

image gallery

[Page: ]

9. 矩阵

 

matrix

10. 7个使用CSS3的Javascript效果替代

 

javascript effect alternatives

 

[Page: ]

11. 图片滑过效果

 

css3 clock

 

12. 转动的可乐罐 (通过滚动条控制)

 

 

coke can

  PS:这个例子和下面这个严格来说都不是用的CSS3技术,而是复杂的图片和css的background-position属性的应用。

[Page: ]

13. 3D 房间

 

3d meninas

 

14. 宝利来画廊

 

polaroid gallery

[Page: ]

15. 太空

  注意: 这个演示依赖图形,需要一些时间来加载,但是结果非常疯狂!

 

space


125
评论区(0)
正在加载评论...
相关推荐