/* 语法格式 */ transition: property duration timing-function delay;
上面代码中的四个属性分别代表了过渡的属性、过渡的时间、过渡的时间函数及过渡的延迟。其中，属性是必须要指定的，其它三个属性是可选的。
属性：指定要过渡的CSS属性，比如“color”、“background-color”、“font-size”等。多个属性可以用逗号隔开。
时间：指定动画持续的时间，单位可以是秒或毫秒，比如“0.3s”或“300ms”。如果没有指定该属性，则默认值为“0s”，即没有动画效果。
时间函数：用于控制动画速度的函数，比如“linear”、“ease-in”、“ease-out”等。如果没有指定该属性，则默认值为“ease”，即缓入缓出的效果。
延迟：指定动画开始前的延迟时间，单位可以是秒或毫秒，比如“0.5s”或“500ms”。如果没有指定该属性，则默认值为“0s”，即立即开始动画。
过渡不仅可以在元素的任意CSS属性上使用，还可以针对伪元素（如::before、::after）和CSS过滤器（如：hover、active、focus等）使用。
总之，CSS过渡是一种强大的技术，可以方便地实现各种动画效果。只需要简单地定义一组属性就可以轻松地创建各种过渡效果，让页面看起来更加生动和有趣。