canvas

thinkng

css动画的视线就是在适当的时机(用户交互之后，或者页面加载之后，或者页面滚动到相应的位置之后)把动画的类加到元素上

推荐网站

https://www.awwwards.com/30-ge-chu-se-de-shi-cha-gun-dong-wang-zhan.html

https://juejin.cn/post/7040283893106212895

动画要素(通用)

元素的属性随着时间进行变化

• 元素 要执行动画的元素
• 变化的属性 元素的哪些属性要随着时间变化
• 时间 动画持续时长 duration
• 延迟 动画延迟多久进行执行 delay
• 动画函数(timing function) linear：匀速 | ease-in：加速 | ease-out：减速 | cubic-bezier函数：自定义速度模式

CSS动画

CSS animation CSS动画

• 参考
• transition (过渡)
• css animation