animation引數以及用法

2021-08-24 18:02:36 字數 2506 閱讀 2054

它有如下取值:

<' animation-name '>:檢索或設定物件所應用的動畫名稱 

<' animation-duration '>:檢索或設定物件動畫的持續時間 

<' animation-timing-function '>:檢索或設定物件動畫的過渡型別 

<' animation-delay '>:檢索或設定物件動畫延遲的時間 

<' animation-iteration-count '>:檢索或設定物件動畫的迴圈次數 

<' animation-direction '>:檢索或設定物件動畫在迴圈中是否反向運動 

<' animation-fill-mode '>:檢索或設定物件動畫時間之外的狀態 

<' animation-play-state '>:檢索或設定物件動畫的狀態。w3c正考慮是否將該屬性移除,因為動畫的狀態可以通過其它的方式實現,比如重設樣式

檢索或設定物件所應用的動畫名稱,必須與規則@keyframes配合使用,因為動畫名稱由@keyframes定義

linear:線性過渡。等同於貝塞爾曲線(0.0, 0.0, 1.0, 1.0) 

ease:平滑過渡。等同於貝塞爾曲線(0.25, 0.1, 0.25, 1.0) 

ease-in:由慢到快。等同於貝塞爾曲線(0.42, 0, 1.0, 1.0) 

ease-out:由快到慢。等同於貝塞爾曲線(0, 0, 0.58, 1.0) 

ease-in-out:由慢到快再到慢。等同於貝塞爾曲線(0.42, 0, 0.58, 1.0) 

step-start:等同於 steps(1, start) (數字表示每乙份顯示畫面具體再分幾份)

step-end:等同於 steps(1, end) 

steps([, [ start | end ] ]?):接受兩個引數的步進函式。第乙個引數必須為正整數,指定函式的步數。第二個引數取值可以是start或end,指定每一步的值發生變化的時間點。第二個引數是可選的,預設值為end。 

cubic-bezier(, , , ):特定的貝塞爾曲線型別,4個數值需在[0, 1]區間內

infinite: 無限迴圈 

: 指定物件動畫的具體迴圈次數

normal:正常方向 

reverse:反方向執行 

alternate:動畫先正常執行再反方向執行,並持續交替執行 

alternate-reverse:動畫先反執行再正方向執行,並持續交替執行

即動畫完成時,是顯示動畫開始的狀態還是結束時的狀態。

none:預設值。不設定物件動畫之外的狀態 

forwards:設定物件狀態為動畫結束時的狀態 

backwards:設定物件狀態為動畫開始時的狀態 

both:設定物件狀態為動畫結束或開始的狀態

這個地方需要特別注意的是,如果steps(1,end)這樣的模式,按照下文所講,100%處可以為空,不影響動畫,但是如果animation-fill-mode設定為forwards時,動畫完畢顯示的是最後一幀就會出問題。這時需要設定最後兩個區間為一樣的效果。

running:運動 

paused:暫停

animation-timing-function引數中的start和end()

工作機制:具體參考前言 引數

0%-50%

50%-100%

start

顯示定義在50%時的樣式

顯示定義在100%時的樣式

end顯示定義在0%時的樣式

顯示定義在50%時的樣式

Shell if引數 以及 變數

a file 如果 file 存在則為真。b file 如果 file 存在且是乙個塊特殊檔案則為真。c file 如果 file 存在且是乙個字特殊檔案則為真。d file 如果 file 存在且是乙個目錄則為真。e file 如果 file 存在則為真。f file 如果 file 存在且是乙個...

gcc g 引數以及使用

c原始檔到可執行一共需要經歷4個階段。使用gcc編譯程式要經過預處理 編譯 彙編 鏈結。預處理 編譯器主要載入標頭檔案 條件編譯 巨集替換,使用 gcc e main.c main.i,編譯 編譯過程中,編譯器主要做語法檢查和詞法分析,沒有問題之後將會翻譯成彙編 或者中間 gcc s main.i ...

陣列名作為函式引數以及sizeof用法

int f int p,char a int main char a 9 printf sizeof p d n sizeof p printf sizeof a d n sizeof a f p,a return 0 輸出結果為 sizeof p 20 5 4 int佔四個位元組 sizeof a...