@keyframes 規(guī)定動畫
?animation? 所有的屬性簡寫屬性,除了animation-play-state屬性
animation-name? 規(guī)定@keyframes 動畫的名稱
animation-duration規(guī)定動畫周期所花費(fèi)的秒或毫秒
animation-timing-function規(guī)定動畫速度曲線
animation-play-state規(guī)定動畫是否正在運(yùn)行或者暫停
animation-delay 規(guī)定動畫何時開始
animation-iteration-count規(guī)定動畫被播放的次數(shù)
animation-direction規(guī)定動畫是否在下一周期逆向地播放
animation-fill-mode規(guī)定對象動畫時間之外的狀態(tài)
linear? ? 動畫從頭到尾的速度是相同的。
animation-timing-function:規(guī)定動畫速度曲線
ease? 默認(rèn)值。動畫以低速開始,然后加快,在結(jié)束前變慢。
ease-in? 動畫以低速開始。
ease-out? 動畫以低速結(jié)束。
ease-in-out? 動畫以低速開始和結(jié)束。
cubic-bezier(n,n,n,n) 在 cubic-bezier 函數(shù)中自己的值。可能的值是從 0 到 1 的數(shù)值。