CSS3 過(guò)渡屬性

提問(wèn)人：劉團(tuán)圓發(fā)布時(shí)間：2020-11-19

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

transition-timing-function屬性其實(shí)是規(guī)定用戶(hù)想要的動(dòng)畫(huà)方式，它的值可以是以下幾種：

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

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

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

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

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

?cubtc-bezier(n,n,n,n):在cubic-bezier函數(shù)中定義自己的值。可能的值是0?1之間的數(shù)值。transition-delay屬性表示過(guò)渡的延遲時(shí)間，0代表沒(méi)有延遲，立馬執(zhí)行。

相關(guān)視頻回答

回復(fù)(0)