做一个鼠标放到按钮上按钮背景缓慢变色鼠标移开时缓慢变回的css代码

可以使用CSS的transition属性和:hover伪类来实现按钮背景缓慢变色的效果。以下是一个示例的CSS代码：

.button {
  background-color: #ccc;
  transition: background-color 0.5s ease; /* 变化过程持续时间为0.5秒，缓动效果为ease */
}

.button:hover {
  background-color: #ff0000; /* 鼠标悬停时的背景颜色 */
}

在上面的代码中，.button是按钮的类名，可以根据实际情况修改为你自己的类名。按钮的初始背景颜色为#ccc，当鼠标悬停在按钮上时，使用:hover伪类来设置背景颜色为#ff0000，同时通过transition属性指定背景颜色的变化过程为0.5秒，并且使用ease缓动效果。当鼠标移开时，按钮的背景颜色会缓慢变回初始的颜色。