css3動畫效果

標籤：暫停   war   state   tin   css3   rect   key   sla   mod   

添加動畫效果：

1 animation-name：指定動畫名稱2.animation-duration：設定動畫的總耗時3.animation-duration：設定的動畫的播放次數，預設為1次，可以指定具體的數值，也可以指定infinite（無限次）4.animation-direction：alternate ：社會交替動畫   alternate來回交替5.animation-delay：2s 這是動畫的延遲 設定動畫結束時的狀態：預設情況下，動畫執行完畢之後，會回到原始狀態animation-fill-mode：both  || forwards || backwardsforwards：會保留動畫結束時的狀態，在有延遲的情況下，並不會立刻進行到動畫的初始狀態backwards：不會保留動畫結束時的狀態，在添加了動畫延遲的前提下,如果動畫有初始狀態，name會立刻進行到初始狀態both：會保留動畫的結束時狀態，在有延遲的情況下也會立刻進入到動畫的初始狀態animation-tining-function：linear    勻速的   動畫的事件函數animation-play-state：running  || paused          播放 ||　暫停建立動畫 @keyframes  dong(動畫名字) {    0%{ transform:translate( )  ....... }   ||  from相當於0%    50%{        }    。。。。。    100%{    }    ||   to{    }  to相當於100% }

 

 

css3動畫效果