通过css给按钮设置透明过度到不透明背景色按钮左边从透明慢慢有颜色

你可以使用CSS的渐变背景来实现这个效果。下面是一个示例代码：

.button {
  background: linear-gradient(to right, transparent, #ff0000);
  transition: background-color 0.5s;
}

.button:hover {
  background-color: #ff0000;
}

在这个例子中，我们使用了线性渐变背景，从左到右，背景颜色从透明变为红色。然后我们使用transition属性来指定背景颜色的过渡效果，设置了过渡时间为0.5秒。当鼠标悬停在按钮上时，背景颜色会立即变为红色。

你可以根据需要调整渐变的起始颜色和结束颜色，以及过渡的时间来实现你想要的效果。