課程
/前端開(kāi)發(fā)
/HTML/CSS
/十天精通CSS3
求大神指教如何變?yōu)樽笥倚D(zhuǎn)? ?我更改了代碼 但是有些小瑕疵 !
2017-10-10
源自:十天精通CSS3 12-4
正在回答
.item:hover {
? ?transform: translateZ(-50px) rotateY(180deg);
}
.item img {
transform: translateZ(0px);
?}
?.item .information {
?transform: rotatey(180deg) translateZ(0px);
? ? ? ??
貝兒謙 提問(wèn)者
不用去兼容低版本IE的話,用這個(gè)方便好吧我知道了原來(lái)老師是在html頁(yè)面中寫了js函數(shù)調(diào)用的football.play()嘻嘻完美解決了我的問(wèn)題
666
再來(lái)個(gè)精裝版的
.item:hover {transform: translateZ(155px) rotatey(-90deg); }
.item .information{transform: rotatey(-90deg) translateZ(-155px) translatex(-155px);}
.item:hover img {transform:translatez(155px) translatex(-155px);}
.item:hover .information { transform:rotatey(90deg);}
問(wèn)題有些含糊,沒(méi)明白你具體問(wèn)的什么?直接上代碼?以及想要實(shí)現(xiàn)的效果
舉報(bào)
本課程為CSS3入門教程,深刻詳解CSS3知識(shí)讓網(wǎng)頁(yè)穿上絢麗裝備
1 回答關(guān)于旋轉(zhuǎn)提問(wèn)rotate
2 回答rotate旋轉(zhuǎn)問(wèn)題
1 回答關(guān)于9-10 3d旋轉(zhuǎn)導(dǎo)航
2 回答旋轉(zhuǎn)角度的問(wèn)題
2 回答字體旋轉(zhuǎn)變化問(wèn)題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2017-10-12
.item:hover {
? ?transform: translateZ(-50px) rotateY(180deg);
}
.item img {
transform: translateZ(0px);
?}
?.item .information {
?transform: rotatey(180deg) translateZ(0px);
}
? ? ? ??
2022-03-25
不用去兼容低版本IE的話,用這個(gè)方便好吧我知道了原來(lái)老師是在html頁(yè)面中寫了js函數(shù)調(diào)用的football.play()嘻嘻完美解決了我的問(wèn)題
2018-02-20
666
2017-10-13
再來(lái)個(gè)精裝版的
.item:hover {transform: translateZ(155px) rotatey(-90deg); }
.item .information{transform: rotatey(-90deg) translateZ(-155px) translatex(-155px);}
.item:hover img {transform:translatez(155px) translatex(-155px);}
.item:hover .information { transform:rotatey(90deg);}
2017-10-10
問(wèn)題有些含糊,沒(méi)明白你具體問(wèn)的什么?直接上代碼?以及想要實(shí)現(xiàn)的效果