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