24
Nov 2013
css3 3D
html5

HTML5和CSS3之令人惊叹的3D效果

字数:1116

作者:Jerry

HTML5和CSS3总被称为新技术,其实已经相对很普及了,只是人们习惯性的以为还很小众。

不过这不是这篇文章的重点,重点是介绍一些两者搭配可以达到的令人惊叹的3D效果。

图片插件(轮播、hover等)

3D Thumbnail Hover Effects

小清新但是非常酷,图片hover效果令人赞赏。地址:http://tympanus.net/codrops/2012/06/18/3d-thumbnail-hover-effects/

例子1:
566 124
210 102
例子2:
690 361
987 130
例子3:
690 361
987 130
例子4:
690 361
987 130

jQuery 2D Transformation Plugin

简约清爽,效果很好,非常优秀的图片轮播插件。地址:http://tympanus.net/codrops/2011/04/28/rotating-image-slider/

Experimental 3D image transitions

华丽优雅的图片轮播插件,效果丰富完美,不过只兼容webkit内核。地址:http://tympanus.net/codrops/2011/12/19/experimental-css3-animations-for-image-transitions/

更多

在此仅仅介绍3款插件,更多的可以访问http://tympanus.net/

这些插件非常优秀,效果让人赞叹! ;-)