動畫：如何快速掌握動畫的調用及多關鍵幀動畫的實現(xiàn)
【內容聲明】文章部分內容來源互聯(lián)網，不代表YINGSOO觀點！若有咨詢“如何快速掌握動畫的調用及多關鍵幀動畫的實現(xiàn)”等有關服務器、云主機租用、托管、配置、價格問題，請免費咨詢YINGSOO客服，獲取最新優(yōu)惠！
【熱門主機】臺灣物理服務器促銷 | 法國云服務器促銷 | 韓國物理服務器促銷
【產品問答】日本云服務器和日本VPS該如何選擇？二者優(yōu)勢對比很明顯
這篇文章主要介紹“如何快速掌握動畫的調用及多關鍵幀動畫的實現(xiàn)”，有一些人在如何快速掌握動畫的調用及多關鍵幀動畫的實現(xiàn)的問題上存在疑惑，接下來小編就給大家來介紹一下相關的內容，希望對大家解答有幫助，有這個方面學習需要的朋友就繼續(xù)往下看吧。
1.?什么是動畫
在 CSS 中，可以使用@keyframes來定義動畫
（keyframes 表示“關鍵幀”）
大致結構：
@keyframes rotation {
/* rotation 動畫名 */ from {
/* 起始狀態(tài) */ transform: rotate(0);
} to {
/* 結束狀態(tài) */ transform: rotate(360deg);
}}
2.?動畫的調用
定義動畫之后，可以使用 animation 屬性調用動畫。
animation基本屬性：
name: 動畫的名字(初始默認值 none) duration: 動畫時長
(初始默認值 0s) timing function：變化速度曲線
(初始默認值 ease) delay: 延遲時間（動畫經過多少時間才開始）
(初始默認值 0s) iteration-count: 動畫執(zhí)行次數(shù)
(初始默認值 1，如果想動畫永遠執(zhí)行，寫 infinite)
animation: name | duration | timing function | delay | iteration-count;
除此之外，還有一些屬性：
animation-direction(設置是否輪流反向播放動畫)
normal: 以正常的方式播放動畫（初始默認值） reverse: 以相反的方式播放動畫 alternate: 讓動畫的第 2、4、6…(偶數(shù)次)自動逆向執(zhí)行 alternate-reverse: 讓動畫的奇數(shù)次自動逆向執(zhí)行animation-fill-mode(設置當動畫不播放時動畫的狀態(tài))
none: 不改變動畫的默認行為 forwards: 讓動畫停止在最后結束狀態(tài) backwards: 在 animation-delay 所指定的時間段內，應用動畫第一個關鍵幀中的樣式 both: 同時遵循 forwards 和 backwards 的規(guī)則animation-play-state(設置動畫是播放還是暫停)
paused: 暫停動畫的播放 running: 正常播放動畫3.? 多關鍵幀動畫
對于想要實現(xiàn)多種效果的動畫，這個時候就可以使用多關鍵幀。
大致結構：
@keyframes changeColor {0% {background-color: red;}20% {background-color: orange;}40% {background-color: blue;}100% {background-color: green;}}
以上就是關于“如何快速掌握動畫的調用及多關鍵幀動畫的實現(xiàn)”的介紹了，感謝各位的閱讀，如果大家想要了解更多相關的內容，歡迎關注本公司，小編每天都會為大家更新不同的知識。
YINGSOO專業(yè)提供海外云服務器，包括亞洲、歐美等全球范圍內的服務器租用、托管業(yè)務，云主機節(jié)點覆蓋全球，現(xiàn)擁有20多個節(jié)點并持續(xù)增加中，1對1客服專屬服務、瞬時響應，365*7*24h售后保障?？头峋€：400-630-3752
熱搜詞條：【chia驗證地塊】【傳奇服務器多少人】【游戲服務器】【服務器1000m帶寬價格】【xdai 到eth】【傳奇云服務器怎么選擇】【云專線】【bzz以后能漲到多少】【高防云服務器推薦】【泰國服務器專線】【chia 全節(jié)點地址及端口】【菲利賓 訪問香港的網速】【linux機器查看ip和域名】【單線高防和bgp高防】【18tb 16tb】【Filter passed讀取】【香港服務器推薦】【香港高速CDN】【海外好用的服務器供應商】【vps被墻的結果】【云主機試用一年】【TIKTOK直播云主機】【香港防御本地清洗】【云服務器安全防護】【游戲公司香港服務器】【支持虛擬化的服務器】【亞洲怎樣降低到美國的延遲】【歐洲vps穩(wěn)定】【私人云應用服務器搭建】【chia加入農業(yè)合作社 p圖】
版權聲明：本站文章來源標注為YINGSOO的內容版權均為本站所有，歡迎引用、轉載，請保持原文完整并注明來源及原文鏈接。禁止復制或仿造本網站，禁止在非www.sddonglingsh.com所屬的服務器上建立鏡像，否則將依法追究法律責任。本站部分內容來源于網友推薦、互聯(lián)網收集整理而來，僅供學習參考，不代表本站立場，如有內容涉嫌侵權，請聯(lián)系alex-e#qq.com處理。
關注官方微信