亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

靜態頁面中常用到的動畫效果運用

標簽:
Html/CSS

@keyframes 规定动画。
animation 所有动画属性的简写属性,除了 animation-play-state 属性。
animation-name 规定 @keyframes 动画的名称。
animation-duration动画 持续时间。默认是 0。
animation-timing-function 规定动画的速率。默认是 "ease"。有五中 (ease in,加速 开始慢easr out,减速 结束慢 linear 匀速 ease in out,先加后减,贝塞尔曲线。)
animation-delay 动画延迟时间。默认是 0。
animation-iteration-count 规定动画被播放的次数。默认是 1。无限次 ;infinite.
animation-direction (方向)规定动画是否在下一周期逆向地播放。默认是 "normal",alternate,一反一正。alternate-reverse,一正一反。reverse;反向。
animation-fill-mode 规定对象动画时间之外的状态。forwards,保持结束是状态。backwards,保持开始时的状态,both,开始时处于开始状态,结束处于结束状态。
animation: myfirst 5s linear 2s infinite alternate; 简写写法;
animation-play-state 规定动画是否正在运行或暂停。默认是 "running"。

點擊查看更多內容
2人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消