默认图片rotateY=0;鼠标指向为rotateY=-180，负数，也就是逆时针绕y轴旋转，正数，则为顺时针；其他两个轴同理；鼠标指向时：图片（div:first-child），从0度绕y轴逆时针旋转180度达到-180度；先容（div:last-child）从180度绕y轴逆时针旋转180度达到0度。造成两个一起逆时针旋转的结果。有人大概会问为啥先容默认不是0度，这里留意下，先容逆时针旋转180度之后是正面状态，所以当倍图片粉饰时，相当于从正常状态顺时针旋转了180度，因为鼠标指向时需要规复正常状态。
四、源代码下载
五、总结
CSS3提供了许多新的诸如transform这样的特性，我们用这些特性的时候大概只能兼容新的欣赏器，对IE6、7、8这样的老骨董兼容不是很好，可是这就足够了，好比上面的例子，在IE6、7、8这些欣赏器中不显示特效，只显示图片，也不丢脸，在其他欣赏器对HTML5和CSS3兼容较量好的欣赏器中，可以看到特效。制止了利用过多的JS，同时到达了在新式欣赏器中显示酷炫的结果。
您大概感乐趣的文章: