1.css3動畫效果
通過 CSS3，我們能夠創(chuàng)建動畫，這可以在許多網(wǎng)頁中取代動畫圖片、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; /*動畫循環(huán)次數(shù)，infinite為無限次*/
-webkit-animation-direction: normal; /*定義動畫播放方式*/
默認(rèn)normal，動畫正常播放； alternate，動畫輪流反向播放
3.縮寫：
.all { -webkit-animation:autoscroll 5s linear infinite; }4.animation 對比 transition Transition：對元素某個屬性或多個屬性的變化，進行控制，但只有兩個關(guān)鍵貞 開始 和 結(jié)束
Animation：對元素某個屬性或多個屬性的變化，進行控制，可以設(shè)置多個關(guān)鍵貞
Transition與Animation:
transition需要觸發(fā)一個事件
animation不需要觸發(fā)任何事件
}
遠近互聯(lián)前端小華整理發(fā)布，希望能對學(xué)習(xí)技術(shù)的你有所幫助
遠近互聯(lián)專業(yè)提供網(wǎng)站建設(shè)、APP開發(fā)、網(wǎng)站優(yōu)化、外貿(mào)網(wǎng)站SEO、微信運營的品牌整合營銷服務(wù)讓客戶通過網(wǎng)絡(luò)品牌建立與網(wǎng)絡(luò)傳播提高業(yè)績。
