亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

每個item為什么都要加兩個span啊

<li><a?href="#"?class="three-d">Videogames
????<span?class="three-d-box">
????????<span?class="front">Videogames</span>
????????<span?class="back">Videogames</span>
????</span>
</a></li>

加這兩個span是為了做誰的樣式?
為什么另兩個Videogames沒有顯示出來?

正在回答

2 回答

蠢了233,發完問題就發現了

?.front?{
????????	transform:rotateX(0deg)?translateZ(25px);
????????	-ms-transform:rotateX(0deg)?translateZ(25px);
????????	-o-transform:rotateX(0deg)?translateZ(25px);
????????	-moz-transform:rotateX(0deg)?translateZ(25px);
????????	-webkit-transform:rotateX(0deg)?translateZ(25px);
?????????}
????????
????????.back?{
????????	transform:rotateX(-90deg)?translateZ(25px);
????????	-ms-transform:rotateX(-90deg)?translateZ(25px);
????????	-o-transform:rotateX(-90deg)?translateZ(25px);
????????	-moz-transform:rotateX(-90deg)?translateZ(25px);
????????	-webkit-transform:rotateX(-90deg)?translateZ(25px);
??????????color:?#FFE7C4;
????????}

倆span各在front和back類里做了旋轉變換,初始狀態下視圖與電腦屏幕方向恰好是垂直的,所以狀態顯示為“看不到”。

0 回復 有任何疑惑可以回復我~
#1

Hoenir

然而z軸的旋轉角度為什么是25deg呢?不應該是90deg嗎?
2016-03-17 回復 有任何疑惑可以回復我~
#2

sakurashine 提問者 回復 Hoenir

Z軸變換的不是角度而是距離,單位是px,是做了垂直于眼睛視線方向的移動。比如你手伸直平舉起關閉屏幕的手機,慢慢地靠近眼睛,你所看到的東西就會由“整個手機”變為“一片黑”。這里有個demo展示http://www.zhangxinxu.com/study/201209/transform-perspective-translateZ.html詳細可以參見這篇博文 http://www.zhangxinxu.com/wordpress/2012/09/css3-3d-transform-perspective-animate-transition/
2016-03-19 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

每個item為什么都要加兩個span啊

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號