【CSS】过渡动画
在CSS中，过渡动画可以使用transition属性来实现。这个属性可以指定一个属性的变化过程持续多久，可以是颜色、长度、宽度、位置等。
以下是一个简单的例子，演示了如何给一个元素添加一个背景颜色变化的过渡动画：
.box {
width: 100px;
height: 100px;
background-color: blue;
transition: background-color 1s ease-in-out;
}
.box:hover {
background-color: red;
}在这个例子中，.box元素在鼠标悬停时背景颜色会在一秒钟内从蓝色平滑地过渡到红色，使用了ease-in-out缓动函数来使过渡看起来更加自然。
评论已关闭