位置:首頁(yè) > 軟件操作教程 > 編程開發(fā) > CSS > 問題詳情

CSS3 過渡屬性

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

屬性

描述

CSS

Transition

簡(jiǎn)寫屬性,用于在一個(gè)屬性中設(shè)置四個(gè)過渡屬性

3

trcinsition-property

規(guī)定應(yīng)用過渡的CSS屬性的名稱

3

trcinsition-duriition

定義過渡故果花f的時(shí)間,默認(rèn)是0

3

trcinsition—timingfunction

規(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í)行。


繼續(xù)查找其他問題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部