CSS transition（过渡效果）详解
CSS transition 属性用于设置一个属性的过渡效果。它可以让属性的变化在一定的时间内平滑地进行。
基本语法：
transition: property duration timing-function delay;property：定义应用过渡效果的 CSS 属性名称。duration：定义过渡效果花费的时间长度。timing-function：定义过渡效果的速度曲线，默认为 "ease"。delay：定义过渡效果何时开始，默认是 0，即立即开始。
示例代码：
div {
width: 100px;
height: 100px;
background-color: blue;
transition: width 1s ease-in-out;
}
div:hover {
width: 200px;
}在上述例子中，当鼠标悬停在 div 上时，它的宽度会在 1 秒内从 100px 平滑过渡到 200px，速度曲线为 "ease-in-out"。
评论已关闭