課程
/前端開發(fā)
/CSS3
/CSS3 3D 特效
為什么transition要寫在顏色沒有改變之前,為什么不寫在#block:hover里呢?
2016-03-18
源自:CSS3 3D 特效 1-2
正在回答
我的猜測:為了方便瀏覽器解析?
我自己練習(xí)的時候發(fā)現(xiàn)一個現(xiàn)象。我需要有兩個過渡的屬性,然而我當(dāng)時并不知道可以直接在其后面直接用“,”隔開再加,我自作主張地又寫了一個 transition ,導(dǎo)致的結(jié)果就是,前一個的過渡效果始終沒有實現(xiàn),也就是后一句直接覆蓋了前一句。
所以我的感覺,瀏覽器是用到什么選擇器就加載那個選擇器的內(nèi)容。
我又試著把 transition 的語句放在了 hover 中,結(jié)果,變長時正常過渡,而當(dāng)鼠標(biāo)移開,瀏覽器已經(jīng)不會再解析 hover 中的語句了,也就沒了過渡效果,直接變回 40px。
純屬猜測,沒有百度出權(quán)威解釋。。。。
冰雪封塵 提問者
舉報
使用CSS3當(dāng)中的屬性,創(chuàng)建真實可用的三維效果
1 回答transition的5種效果
1 回答transition無效啊
5 回答transition: all 3s ease 1s;
1 回答transition與瀏覽器
1 回答transition屬性異常
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-03-18
我的猜測:為了方便瀏覽器解析?
我自己練習(xí)的時候發(fā)現(xiàn)一個現(xiàn)象。我需要有兩個過渡的屬性,然而我當(dāng)時并不知道可以直接在其后面直接用“,”隔開再加,我自作主張地又寫了一個 transition ,導(dǎo)致的結(jié)果就是,前一個的過渡效果始終沒有實現(xiàn),也就是后一句直接覆蓋了前一句。
所以我的感覺,瀏覽器是用到什么選擇器就加載那個選擇器的內(nèi)容。
我又試著把 transition 的語句放在了 hover 中,結(jié)果,變長時正常過渡,而當(dāng)鼠標(biāo)移開,瀏覽器已經(jīng)不會再解析 hover 中的語句了,也就沒了過渡效果,直接變回 40px。
純屬猜測,沒有百度出權(quán)威解釋。。。。