CSS 动画中如何让元素从 30% 到 100% 再循环到 30% 时平滑过渡？

发布日期： 2024-10-24 阅读量： 作者： 网络

css 动画中如何让元素从 30% 到 100% 再循环到 30% 时平滑过渡？

突变效果之 css 动画

在 css 动画中，要实现元素突变效果，需要用到负数的延时属性（animation-delay）。例如，以下代码将创建两个方块，第一个方块从左到右移动，第二个方块从 30% 开始移动到 100%，然后再从 0 开始移动到 30%。

<div class="block"></div>
<div class="block start3"></div>

随便看看