最近一直在学css3，发现它实现效果之强大。现在的css3已经不在是以前的css了，它能做出的功能效果是我们没法想象的了。它可以实现flash，可以制作一些js能做出来的效果,还可以写出ps做出来的一些渐变啊圆角啊阴影啊什么的效果，如此之炫的它，我相信已经有很多人对它做了更深的研究了吧。

今天我也在小小的研究了下它，主要是关于它的一些3d效果。

所谓的3d翻牌效果，其实就是两张图片，一张在前，一张在后，当前面的那张发生旋转后，转到一定角度时后面的图片就会跟着它的步伐一起旋转，只是一个旋转到看不见，而一个刚要转的我们看的见。

具体操作是当鼠标逐渐靠近牌上，图片开始以z轴0~180°进行翻转，当离开时，则以180°恢复到0°。具体效果直接上图：

 

在线演示

具体3D翻转代码，html和css代码demo、图片素材在下面链接：

抱歉，只有对本文发表过评论才能阅读隐藏内容。

==========================

web前端中文站点评：

CSS3的强大，相信大家都已经见识到了。在学习前端的过程中，了解最新前沿的技术是非常有必要的，所以大家赶紧研究研究吧，敲敲代码。