html简单盒子代码,CSS3 3D盒子超简单制作

这是我第一次在这里写文章，如果写得不好的话，请大家多多包涵一下。

在XX网学完CSS3之后，然后我懂了一个道理，XX网评论区域存在一个小明梗，这个梗是这样的：1+1=2, 2+2=4，问小明今年多少岁 = 。= 原因是XX网教的基础是非常的基础，一到实战就GG了。看完CCS3课程后，自己尝试手写一下3D盒子的切换，虽然不是很炫。但是为了来练练手，顺便检查一下自己的学习成果，写了一个超鸡简单的鼠标滑动到相对应的盒子，盒子就以3D模式来翻转。话不多说，一言不合就贴代码 = =

3D原理我是从这篇博文慢慢参透懂的http://blog.csdn.net/jimmysmith/article/details/70478066

大家可以去这里看看.

我要实现的总体效果如图：

1.png

2.png

3.png