最近中文字幕高清中文字幕无,亚洲欧美高清一区二区三区,一本色道无码道dvd在线观看 ,一个人看的www免费高清中文字幕

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

每個(gè)item為什么都要加兩個(gè)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>

加這兩個(gè)span是為了做誰(shuí)的樣式?
為什么另兩個(gè)Videogames沒(méi)有顯示出來(lái)?

正在回答

2 回答

蠢了233,發(fā)完問(wèn)題就發(fā)現(xiàn)了

?.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類里做了旋轉(zhuǎn)變換,初始狀態(tài)下視圖與電腦屏幕方向恰好是垂直的,所以狀態(tài)顯示為“看不到”。

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

Hoenir

然而z軸的旋轉(zhuǎn)角度為什么是25deg呢?不應(yīng)該是90deg嗎?
2016-03-17 回復(fù) 有任何疑惑可以回復(fù)我~
#2

sakurashine 提問(wèn)者 回復(fù) Hoenir

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

舉報(bào)

0/150
提交
取消
十天精通CSS3
  • 參與學(xué)習(xí)       243125    人
  • 解答問(wèn)題       2677    個(gè)

本課程為CSS3入門教程,深刻詳解CSS3知識(shí)讓網(wǎng)頁(yè)穿上絢麗裝備

進(jìn)入課程

每個(gè)item為什么都要加兩個(gè)span啊

我要回答 關(guān)注問(wèn)題
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)