CSS如何制作简单的过度动画

我们现在来看看，CSS如何制作简单的过度动画。

工具/原料

联想2020

Win11

HTML5

方法/步骤

1、首先，我们要预先准备HTML基本代码和一个空的DIV框架。

2、然后，我们在这里设置设置宽度和高度基本属性。

3、接下来，我们就能创建打一个keyframes元素。

4、此时，我们可以写颜色从什么到什么，我们就以红色到黄色为例。

5、此刻，我们就能在Div中使用Animation属性进行引用。

6、考虑兼容性问题，我们建议写上-webkit-animation属性。