animation

http://www.w3cplus.com/content/css3-animation

 

@-webkit-keyframes 'test' {

  0% {}

  50% {}

  100% {}

}

 

-webkit-animation:'test' 2s linear 1s infinite alternate

-webkit-animation:name duration timing-function delay iteration-count direction

 

animation-iteration-count:次數/infinite(無限次)

animation-direction:normal/alternate(偶數次向前，奇數次反方向)

 

animation-fill-mode:forwards(動畫結束時的狀態)

----------------------------------------------------------------------->

animation-play-state:running(運動)、paused(暫停)   =>越少使用