課程
/前端開發(fā)
/HTML/CSS
/十天精通CSS3
求大神指教如何變?yōu)樽笥倚D? ?我更改了代碼 但是有些小瑕疵 !
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函數調用的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);}
問題有些含糊,沒明白你具體問的什么?直接上代碼?以及想要實現的效果
舉報
本課程為CSS3入門教程,深刻詳解CSS3知識讓網頁穿上絢麗裝備
1 回答關于旋轉提問rotate
2 回答rotate旋轉問題
1 回答關于9-10 3d旋轉導航
2 回答旋轉角度的問題
2 回答字體旋轉變化問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
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函數調用的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
問題有些含糊,沒明白你具體問的什么?直接上代碼?以及想要實現的效果