怎样才能使按钮的颜色从右向左变化？

<button id="myButton">点击按钮</button>

#myButton {
  background-color: blue; /* 设置按钮的初始颜色 */
  width: 200px;
  height: 50px;
}

@keyframes colorChange {
  from { background-color: blue; } /* 设置渐变的初始颜色 */
  to { background-color: red; } /* 设置渐变的结束颜色 */
}

document.getElementById("myButton").addEventListener("click", function() {
  this.style.animation = "colorChange 2s forwards"; /* 应用动画属性，设置渐变时间为2秒 */
});