CSS3 過渡屬性
屬性 | 描述 | CSS |
Transition | 簡(jiǎn)寫屬性,用于在一個(gè)屬性中設(shè)置四個(gè)過渡屬性 | 3 |
trcinsition-property | 規(guī)定應(yīng)用過渡的CSS屬性的名稱 | 3 |
trcinsition-duriition | 定義過渡故果花f的時(shí)間,默認(rèn)是0 | 3 |
trcinsition—timing—function | 規(guī)定過渡效果的時(shí)間曲線,,默認(rèn)是ecise | 3 |
transition—delay | 規(guī)定過渡效果何時(shí)開始,默認(rèn)是0 | 3 |
transition-timing-function屬性其實(shí)是規(guī)定用戶想要的動(dòng)畫方式,它的值可以是以下幾種:
?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屬性表示過渡的延遲時(shí)間,0代表沒有延遲,立馬執(zhí)行。
點(diǎn)擊加載更多評(píng)論>>