免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

animateCSS動畫程序接口(Chrome可用)

2023-12-18    分類: 網站建設

jQuery中很早就提供了animate方法,使用它可以很方便地實現一些簡單動畫效果。后來CSS3中也提供了animation用于動畫效果制作,但CSS本身的可操作性太差,所以用起來并不方便。現在最新版的Chrome原生支持了animate方法,彌補了CSS的操作缺陷。   元素上的animate方法有兩個參數。第一個參數是動畫的關鍵幀列表,是一個數組,每一個數組項都是一個JavaScript對象,可以在上面設置這個關鍵幀上元素的樣式屬性,并且使用offset屬性表示這個關鍵幀在整條時間軸中的位置百分比;第二個參數是動畫播放的配置參數,用于描述動畫的時長、播放速度、過渡方式,等參數。從CSS的角度看,這個animate方法的第一個參數就是在創建keyframes,第二個參數是為元素添加animation樣式屬性。整個邏輯和CSS中使用animation沒什么區別。   下面是使用的演示: 運行   函數除了可以調用之外還有返回值,這個animate方法會返回一個AnimationPlayer對象實例,它提供了一個onfinish事件和一個cancel方法,具體作用看名字就能猜到。

我覺得這個方法將來會很有用,只是目前只有Chrome支持,無法在一般項目中使用而已。 本文來源于成都網站建設公司與成都網站設計制作公司-創新互聯成都公司!

當前名稱:animateCSS動畫程序接口(Chrome可用)
本文路徑:http://m.newbst.com/news4/309254.html

成都網站建設公司_創新互聯,為您提供網站設計服務器托管云服務器靜態網站虛擬主機ChatGPT

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

微信小程序開發