css 过渡动画实现

CSS过渡动画可以通过在元素上添加transition属性来实现。具体步骤如下：

1. 在CSS中选择要添加动画的元素，并设置元素的初始属性。

2. 使用transition属性为元素添加变化的属性和时间。

3. 当元素的属性发生变化时，CSS过渡动画会自动将属性值从初始值渐变到最终值。

例如，以下代码将为一个按钮添加过渡动画，当按钮被悬停时，背景颜色将从白色渐变到灰色，过渡时间为0.5秒：

button {
  background-color: white;
  transition: background-color 0.5s ease;
}

button:hover {
  background-color: grey;
}

这样，当鼠标悬停在按钮上时，按钮的背景颜色将平滑地从白色渐变到灰色，过渡时间为0.5秒。