transition

transition是一个CSS属性，用于指定元素在状态改变时的过渡效果。它是transition-property，transition-duration，transition-timing-function和transition-delay的简写属性。\[1\]transition属性的语法为<name> <duration> <animation type> <delay><iteration><direction>。\[2\]其中，transition-property指定要执行过渡效果的属性，transition-duration指定过渡效果的持续时间，transition-timing-function指定过渡效果的速率变化模式，transition-delay指定过渡效果的延迟时间。\[3\]通过使用transition属性，我们可以为元素添加平滑的过渡效果，使页面更加生动和吸引人。
#### 引用[.reference_title]
- *1* [CSS系列之过渡 transition（CSS3）](https://blog.csdn.net/weixin_62277266/article/details/122802576)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [transition、transform、animation三个属性的使用与区别详解](https://blog.csdn.net/krysliang/article/details/84634235)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]