為什么有三個home，后兩個我能理解，分別是正面和底面，第一個home是干嘛的？
<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 回答
舉報
0/150
提交
取消
2018-08-22
front和back是完全重疊的，只是把back繞x軸旋轉(zhuǎn)隱藏了而已。a標簽的空間大小是由Home撐起來的,再者span的大小已經(jīng)完全100%父元素a ，浮動沒任何效果。
2018-08-17
a的內(nèi)容決定了a的寬度，在樣式中設(shè)置了padding,padding是根據(jù)內(nèi)容來確定li元素寬度，因為沒有顯示設(shè)置a的width，你可以將a里面home看作一個參照物,front和back的樣式布局都是100%填充a，字體大小和顏色都繼承自a,因此你看到的文本完全覆蓋了a中的home,你看到的文本是front，在.three-d-box選擇器中translateZ(-25)將字體縮小，但后面的front和back選擇器都用translateZ(25px)把內(nèi)容放大同樣大小,所以最后還是完美契合.
2018-08-16
同問，求解?。?/p>