1.css3動畫效果
通過 CSS3，我們能夠創建動畫，這可以在許多網頁中取代動畫圖片、Flash 動畫以及 JavaScript。
2.animation屬性
-webkit-animation-name:move; /*動畫屬性名，前面keyframes樣例定義的動畫名*/
-webkit-animation-duration: 10s; -webkit-animation-timing-function: ease-in-out; /*動畫幀頻，和transition-timing-function是一樣的*/
-webkit-animation-delay: 2s; /*動畫延遲時間*/-webkit-animation-iteration-count: 10; /*動畫循環次數，infinite為無限次*/
-webkit-animation-direction: normal; /*定義動畫播放方式*/
默認normal，動畫正常播放； alternate，動畫輪流反向播放
3.縮寫：
.all { -webkit-animation:autoscroll 5s linear infinite; }4.animation 對比 transition Transition：對元素某個屬性或多個屬性的變化，進行控制，但只有兩個關鍵貞 開始 和 結束
Animation：對元素某個屬性或多個屬性的變化，進行控制，可以設置多個關鍵貞
Transition與Animation:
transition需要觸發一個事件
animation不需要觸發任何事件
}
遠近互聯前端小華整理發布，希望能對學習技術的你有所幫助
遠近互聯專業提供網站建設、APP開發、網站優化、外貿網站SEO、微信運營的品牌整合營銷服務讓客戶通過網絡品牌建立與網絡傳播提高業績。
