为什么有三个home，后两个我能理解，分别是正面和底面，第一个home是干嘛的？
来源：9-10 制作3D旋转导航综合练习题
风起临冬
2018-08-14 13:45
<li><a href="#" class="three-d active">
Home
<span class="three-d-box"><span class="front">Home</span><span class="back">Home</span></span>
</a></li>
写回答
关注
3回答
-
- 梦与残月两朦胧
- 2018-08-22 14:08:34
front和back是完全重叠的，只是把back绕x轴旋转隐藏了而已。a标签的空间大小是由Home撑起来的,再者span的大小已经完全100%父元素a ，浮动没任何效果。
-
- 梦与残月两朦胧
- 2018-08-17 20:07:00
a的内容决定了a的宽度，在样式中设置了padding,padding是根据内容来确定li元素宽度，因为没有显示设置a的width，你可以将a里面home看作一个参照物,front和back的样式布局都是100%填充a，字体大小和颜色都继承自a,因此你看到的文本完全覆盖了a中的home,你看到的文本是front，在.three-d-box选择器中translateZ(-25)将字体缩小，但后面的front和back选择器都用translateZ(25px)把内容放大同样大小,所以最后还是完美契合.
-
- 眨巴眨巴看谁
- 2018-08-16 17:13:42
同问，求解！！
十天精通CSS3
本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备
242554 学习 · 2623 问题
相似问题