transition过渡
时间: 2023-10-12 11:05:30 浏览: 47
transition过渡是CSS中的一个属性,它可以用来创建元素在改变状态时的平滑过渡效果。transition属性包括四个主要部分:过渡属性(transition-property)、过渡时间(transition-duration)、过渡延迟时间(transition-delay)和过渡速度变化(transition-timing-function)。过渡属性用于指定要参与过渡的属性名称,过渡时间用于指定过渡的持续时间,过渡延迟时间用于指定过渡的等待时间,而过渡速度变化则用于指定过渡的类型。transition的过渡功能可以让CSS的变化更加平滑,可以应用于控制组件、元素的显示和消失切换效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [关于transition过渡的详解](https://blog.csdn.net/Zgtby/article/details/117452771)[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^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *2* [一篇文章吃透 CSS3 属性: transition过渡 与 transform动画](https://blog.csdn.net/weixin_52212950/article/details/126594041)[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^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]