- 使用CSS的
transition可以给元素在不同状态间添加过渡效果。 - 鼠标悬停(
hover)和活动状态(active)时，可以改变元素的CSS样式属性，如没有阴影到有阴影，或背景颜色的改变。 transition属性可以设置过渡影响的CSS属性(transition-property)，过渡时长(transition-duration)，比如半秒(0.5s或500ms)。- 过渡动画效果可以通过
transition-timing-function属性定制，如使用预设的ease函数或自定义的cubic-bezier函数。 - 过渡动画可以设置延迟时间，简化写法可直接在
transition属性中指定过渡属性、时长、timing function和延迟。 - 明确指定要过渡的样式属性有助于提升页面性能。