transition過渡規定慢速開始,然后變快,然后慢速結束的過渡效果(cubic-bezier(0.25,0.1,0.25,1))。


1、transition-property規定設置過渡效果的css。

transition-property:none|all|property

none:沒有屬性會獲得過渡效果。

all所有屬性都將獲得過渡效果。

property定義應用過渡效果的css屬性名稱列表,列表以逗號分隔。

2、transition-duration 規定完成過渡效果需要多少秒或毫秒。

transition-duration:time

3、transition-timing-function 規定過渡效果的速度曲線。

transition-timing-function:linear | ease | ease-in |ease-out |ease-in-out |cubic-bezier(n,n,n,n) 

linear:規定以相同速度開始至結束的過渡效果(等於 cubic-bezier(0,0,1,1))。

ease-in規定慢速開始,然后變快,然后慢速結束的過渡效果(cubic-bezier(0.25,0.1,0.25,1))。

ease-out規定以慢速開始和結束的過渡效果(等於 cubic-bezier(0.42,0,0.58,1))

cublic-bezier(n,n,n,n)在 cubic-bezier 函數中定義自己的值。可能的值是 0 至 1 之間的數值。

4、transition-delay定義過渡效果何時開始。

transition-delay:time


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM