image.png
image.png
image.png
image.png
指定多个元素：
image.png
指定多个元素，指定相同的动画时间。
image.png
transition-timing-function: 指定动画的时间和进度的关系。
transition-easing-function ：定义动画进度和时间的关系。
image.png
可以进入 ceaser css 官网
https://matthewlein.com/tools/ceaser
transition的详细介绍： 单一属性的变化介绍:
image.png
image.png
transition的详细介绍： 多个属性的变化介绍：
image.png
效果如下：
image.png
除此之外，还可以修改HTML的宽度，高度，背景色等。
image.png
image.png
除此之外，还可以指定动画速度
image.png
