我们现在来看看,CSS如何制作简单的过度动画。
工具/原料
1
联想2020
2
Win11
3
HTML 5
方法/步骤
1
首先,我们要预先准备HTML基本代码和一个空的DIV框架。
2
然后,我们在这里设置设置宽度和高度基本属性。
4
此时,我们可以写颜色从什么到什么,我们就以红色到黄色为例。
5
此刻,我们就能在Div中使用Animation属性进行引用。
6
考虑兼容性问题,我们建议写上-webkit-animation属性。
注意事项
不会使用的同学可以给我留言。
联想2020
Win11
HTML 5
首先,我们要预先准备HTML基本代码和一个空的DIV框架。
然后,我们在这里设置设置宽度和高度基本属性。
此时,我们可以写颜色从什么到什么,我们就以红色到黄色为例。
此刻,我们就能在Div中使用Animation属性进行引用。
考虑兼容性问题,我们建议写上-webkit-animation属性。
不会使用的同学可以给我留言。