課程
/前端開發(fā)
/HTML/CSS
/十天精通CSS3
然后背景迅速覆蓋。是keyframe給的時間不夠么,
2015-01-19
源自:十天精通CSS3 7-8
正在回答
?img.bg {
? ? ? ? ? ? min-height: 100%;
? ? ? ? ? ? min-width: 1024px;
? ? ? ? ? ? width: 100%;
? ? ? ? ? ? height: auto !important;
? ? ? ? ? ? height: 100%;
? ? ? ? ? ? position: fixed;
? ? ? ? ? ? top: 0;
? ? ? ? ? ? left: 50%;
? ? ? ? ? ? z-index:1;
? ? ? ? ? ? ? -webkit-transform: translateX(-50%);
? ? ? ? ? ? ? -moz-transform: translateX(-50%);
? ? ? ? ? ? ? -o-transform: translateX(-50%);
? ? ? ? ? ? ? -ms-transform: translateX(-50%);
? ? ? ? ? ? }
這個樣式中 left:50% ?和 -webkit-transform:translateX(-50%);
?-moz-transform: translateX(-50%);
去掉??梢燥@示全部動畫
舉報
本課程為CSS3入門教程,深刻詳解CSS3知識讓網(wǎng)頁穿上絢麗裝備
4 回答弄不出來效果啊
5 回答7-8只在chrome下有動畫效果,F(xiàn)irefox和IE11都沒有動畫效果,求解
3 回答動畫出現(xiàn)一半的問題
2 回答動畫一定要用class來選擇效果才流暢?
3 回答效果出不來
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2015-03-06
?img.bg {
? ? ? ? ? ? min-height: 100%;
? ? ? ? ? ? min-width: 1024px;
? ? ? ? ? ? width: 100%;
? ? ? ? ? ? height: auto !important;
? ? ? ? ? ? height: 100%;
? ? ? ? ? ? position: fixed;
? ? ? ? ? ? top: 0;
? ? ? ? ? ? left: 50%;
? ? ? ? ? ? z-index:1;
? ? ? ? ? ? ? -webkit-transform: translateX(-50%);
? ? ? ? ? ? ? -moz-transform: translateX(-50%);
? ? ? ? ? ? ? -o-transform: translateX(-50%);
? ? ? ? ? ? ? -ms-transform: translateX(-50%);
? ? ? ? ? ? }
這個樣式中 left:50% ?和 -webkit-transform:translateX(-50%);
?-moz-transform: translateX(-50%);
? ? ? ? ? ? ? -o-transform: translateX(-50%);
? ? ? ? ? ? ? -ms-transform: translateX(-50%);
去掉??梢燥@示全部動畫