animation

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

 

@-webkit-keyframes 'test' {css3

  0% {}web

  50% {}動畫

  100% {}spa

}orm

 

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

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

 

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

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

 

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

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

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

相關文章
相關標籤/搜索