我想要一个事务效果(按钮开始填充从左到右的渐变颜色)在我的按钮上悬停时，

可以使用CSS3的动画效果来实现按钮悬停时的渐变颜色效果。具体步骤如下：

1. 首先，在HTML中创建一个按钮元素，例如：

<button class="gradient-button">按钮</button>

1. 在CSS中定义按钮的样式，并添加动画效果：

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

.gradient-button:hover {
  background-position: right;
}

在上述代码中，我们使用了linear-gradient来创建一个从左到右的渐变背景色，起始颜色为红色，结束颜色为绿色。transition属性指定了背景色的过渡效果，持续时间为0.5秒。当鼠标悬停在按钮上时，通过改变background-position属性的值，实现背景色从左到右的渐变效果。

1. 在实际应用中，可以根据具体需求调整渐变颜色、过渡时间等参数，以及添加其他样式来美化按钮。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）

• 产品介绍链接地址：https://cloud.tencent.com/product/cvm

腾讯云云服务器（CVM）是腾讯云提供的弹性计算服务，可满足各种规模的业务需求。通过CVM，您可以轻松创建、部署和管理云服务器，提供稳定可靠的计算能力。