它有如下取值:
<' 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...