CSS3 過渡屬性

提問人：劉團圓發(fā)布時間：2020-11-19

屬性	描述	CSS
Transition	簡寫屬性，用于在一個屬性中設(shè)置四個過渡屬性	3
trcinsition-property	規(guī)定應(yīng)用過渡的CSS屬性的名稱	3
trcinsition-duriition	定義過渡故果花f的時間，默認是0	3
trcinsition—timing—function	規(guī)定過渡效果的時間曲線，，默認是ecise	3
transition—delay	規(guī)定過渡效果何時開始，默認是0	3

transition-timing-function屬性其實是規(guī)定用戶想要的動畫方式，它的值可以是以下幾種：

?linear：規(guī)定以相同速度開始和結(jié)束的過渡效果（等于cubic-bezie「(0,0,1,1))。

?ease：規(guī)定慢速開始，然后變快，再慢速結(jié)束的過渡效果（等于cubic-_bezier(0.25,0.1,0.25,1) )。

?ease-in：規(guī)定以慢速開始的過渡效果（等于cubic~bezie「(0.42:0,1,1))。

?ease-out：規(guī)定以慢速結(jié)束的過渡效果（等于cubic-bezie「(0,0,0.58,1))。

?ease-in-out：規(guī)定以慢速開始和結(jié)束的過渡效果（等于cubic-bezie「(0.42,0,0.58,1))。

?cubtc-bezier(n,n,n,n):在cubic-bezier函數(shù)中定義自己的值?？赡艿闹凳??1之間的數(shù)值。transition-delay屬性表示過渡的延遲時間，0代表沒有延遲，立馬執(zhí)行。

相關(guān)視頻回答

回復(fù)(0)