使用css写一个按钮点击时背景颜色从右往左变成黑色的代码

您可以使用以下 CSS 代码来实现这个效果：

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

.button:hover {
  background-color: black;
  background-image: linear-gradient(to left, black, white);
}

这个代码会让按钮的背景颜色从右往左渐变为黑色。当鼠标悬停在按钮上时，背景颜色会变成黑色，并且会出现一个渐变效果。