效果预览 分析：可以看出hover的时候是有前后两个面的翻转，并且有一个凸出效果。 HTML分析 代码如下： {代码...} <a>标签里包裹一个<span>盒子里包裹两个<span>，为效果的前后面做准备。 CSS分析 1.外观、定位 代码如下： {代码...} 2.3D效果 首先创造3D环境，保留3D空间： {代码...} 1.在three-d:ho...

最外层的.container触发3d效果，#cube保留父元素的3d空间同时包裹正方体的6个面，给每个面设置对应的class属性。HTML代码如下：