1. 使用過渡

過渡效果一般是由瀏覽器直接改變元素的CSS屬性實(shí)現(xiàn)的。例如，如果使用:hover選擇器，一旦用戶將鼠標(biāo)懸停在元素之上，瀏覽器就會應(yīng)用跟選擇器關(guān)聯(lián)的屬性。

當(dāng)用戶將鼠標(biāo)懸停在span元素上的時候，瀏覽器就會響應(yīng)，直接應(yīng)用新的屬性。變化如下圖所示：

CCS過渡屬性允許控制應(yīng)用新屬性值的速度。比如可以選擇逐漸改變示例中span元素的外觀，讓鼠標(biāo)移到單詞banana上的效果更和諧。

transition-delay 和 transition-duration 屬性指定為CSS時間，是一個數(shù)字，單位為ms（毫秒）或者s（秒）。

transition簡寫屬性的格式如下： 

發(fā)表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發(fā)表