css怎样设置元素过渡效果呢

2 02 3 年，我的一个朋友最近在做一个网站，正在使用 CSS3 过渡效果。
他首先设置了一个宽度和高度均为 2 00 像素、深粉色背景的 div。
然后，他利用transition属性添加了过渡效果。
该属性的第一个参数是要过渡的属性值，例如背景颜色，第二个参数是过渡时间，例如5 秒。

上周，我注意到当鼠标悬停在 div 上时，他将背景颜色设置为从深粉色过渡到深蓝色。
他告诉我，如果你想同时移动多个属性，比如背景和宽度，你可以在shift属性中用逗号分隔它们。

我的朋友还给我看了一个div:hover，他设置了这样当鼠标悬停时，div的宽度将从2 00像素变为4 00像素。
他最后把源代码发给我，说保存为HTML文件就可以看到效果。
很有趣，对吧？就看你了，你想尝试一下这个效果吗？

css3循环动画在第一次执行的时候可以设置多少秒之后开始执行，但到了下一次开始执行的间隔时间怎么设置？

4 秒内循环动画。
前 3 秒保持不变，然后在接下来的 1 秒移动。
请参阅下面的演示。

仅当图像超过三个时才循环。
只有他们两个。
鞠躬可以反向使用。

反向循环很容易。
弯腰举起。

再创建几个帧用于循环。
像走马灯一样旋转。

虚线的移动、雨雪、汽车转弯，都使用循环。

但是电路太僵化了。
如果长期保留，请更换。