纯CSS实现动画效果 xiupf 2022-11-25 276 阅读1分钟 CSS动画所有属性 @keyframes animation-name animation-duration animation-delay animation-iteration-count animation-direction animation-timing-function animation-fill-mode animation 动画关键帧(keyframes) 1、两种颜色过度 code.juejin.cn/pen/7169903… 2、两种颜色过渡中添加其它颜色 code.juejin.cn/pen/7169903… 3、两种颜色过渡中添加位移 code.juejin.cn/pen/7169903… 动画中的延迟 1、动画延迟2秒后执行 code.juejin.cn/pen/7169904… 2、动画延迟开始（使用负数，改变动画起始点） code.juejin.cn/pen/7169904… 3、设置动画循环次数 code.juejin.cn/pen/7169905… 4、动画无限循环 code.juejin.cn/pen/7169905… 动画倒放 1、动画从尾到头执行 code.juejin.cn/pen/7169906… 2、动画从头到尾执行，再从尾到头执行 code.juejin.cn/pen/7169906… 3、动画从尾到头执行，再从头到尾执行 code.juejin.cn/pen/7169888… 动画的速度曲线 code.juejin.cn/pen/7169887… 动画的填充模式 code.juejin.cn/pen/7169896… code.juejin.cn/pen/7169897… code.juejin.cn/pen/7169897… 复杂动画 1、多属性动画 code.juejin.cn/pen/7169898… 2、属性简写 code.juejin.cn/pen/7169899…
