CSS3动画

56 阅读1分钟

animation:动画

制作动画分为两步 1,先定义动画 2,再调用动画

1,keyforms定义动画(类似于定义类选择器)

image.png

动画的动作过程是从0%~100%的,这其中我们可以添加多个节点,节点中可以添加样式

2,调用动画

image.png

知道了以上两步,那我们可以来做一个动画了,接下来我们做一个热气球从浏览器的左上角飘移到屏幕底部中间,再到屏幕的右上角。

image.png

image.png

image.png

image.png