<bdo id="gk5ur"></bdo>
課程
/前端開發(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);
? ? ? ??
貝兒謙 提問者
不用去兼容低版本IE的話，用這個方便好吧我知道了原來老師是在html頁面中寫了js函數(shù)調(diào)用的football.play()嘻嘻完美解決了我的問題
666
再來個精裝版的
.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);}
問題有些含糊，沒明白你具體問的什么？直接上代碼？以及想要實現(xiàn)的效果
舉報
本課程為CSS3入門教程，深刻詳解CSS3知識讓網(wǎng)頁穿上絢麗裝備
1 回答關(guān)于旋轉(zhuǎn)提問rotate
2 回答rotate旋轉(zhuǎn)問題
1 回答關(guān)于9-10 3d旋轉(zhuǎn)導(dǎo)航
2 回答旋轉(zhuǎn)角度的問題
2 回答字體旋轉(zhuǎn)變化問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
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的話，用這個方便好吧我知道了原來老師是在html頁面中寫了js函數(shù)調(diào)用的football.play()嘻嘻完美解決了我的問題
2018-02-20
666
2017-10-13
再來個精裝版的
.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
問題有些含糊，沒明白你具體問的什么？直接上代碼？以及想要實現(xiàn)的效果