課程
/前端開(kāi)發(fā)
/HTML/CSS
/十天精通CSS3
表示想做個(gè)點(diǎn)擊的過(guò)度效果,但是感覺(jué)似乎不行,有沒(méi)有能幫下忙嗎
?
2014-09-09
源自:十天精通CSS3 6-5
正在回答
因?yàn)橛疫呁蟿?dòng)和下邊拖動(dòng)時(shí),左上角的坐標(biāo)并不會(huì)有變化,所以坐標(biāo)值不用再重新設(shè)置
pspnnfqxuzqhxqtapzetrdqvjxvifxqdbrsjjgrzhncboujjgrwugrqocpvvfkljewgkkkzbhexetkfchsrlgizzizxhsumvqklkihssoavzbrgmpeadgoinbbkdthrdvqwxiildvqvxzvxfzrrvlqyqtjpovqdcfhpvpvxbkcrczgmkpnkdnhm
如果想產(chǎn)生動(dòng)畫過(guò)渡效果可以這樣做:
:target?p{ ??background:?orange; ??color:?#fff; } p{ ??background:?blue; ??color:?#fff; ??-webkit-transition:?all?.5s?ease?.1s; ??transition:?all?.5s?ease?.1s; }
過(guò)渡樣式語(yǔ)句應(yīng)該放到初始樣式里面:“-webkit-transition: all .5s ease .1s;transition: all .5s ease .1s;”還有起始樣式、和變化后的樣式,你都得設(shè)置啊,你上面的代碼只設(shè)置了變化后的樣式,沒(méi)有設(shè)置,初始的樣式。
:target p {
? background: orange;
? color: #fff;
}
CSS是這樣寫的
舉報(bào)
本課程為CSS3入門教程,深刻詳解CSS3知識(shí)讓網(wǎng)頁(yè)穿上絢麗裝備
10 回答
12 回答
18 回答
7 回答
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)
2022-03-29
因?yàn)橛疫呁蟿?dòng)和下邊拖動(dòng)時(shí),左上角的坐標(biāo)并不會(huì)有變化,所以坐標(biāo)值不用再重新設(shè)置
pspnnfqxuzqhxqtapzetrdqvjxvifxqdbrsjjgrzhncboujjgrwugrqocpvvfkljewgkkkzbhexetkfchsrlgizzizxhsumvqklkihssoavzbrgmpeadgoinbbkdthrdvqwxiildvqvxzvxfzrrvlqyqtjpovqdcfhpvpvxbkcrczgmkpnkdnhm
2014-10-22
如果想產(chǎn)生動(dòng)畫過(guò)渡效果可以這樣做:
過(guò)渡樣式語(yǔ)句應(yīng)該放到初始樣式里面:“-webkit-transition: all .5s ease .1s;transition: all .5s ease .1s;”還有起始樣式、和變化后的樣式,你都得設(shè)置啊,你上面的代碼只設(shè)置了變化后的樣式,沒(méi)有設(shè)置,初始的樣式。
2014-09-25
:target p {
? background: orange;
? color: #fff;
}
CSS是這樣寫的