CSS 按钮点击颜色渐变: 绿色到橙色再回绿色

可以使用 CSS3 动画实现按钮颜色的渐变效果。以下是一个示例代码：

#floating-divA button, #floating-divB button {
  color: #40B40D;
  display: inline-block;
  width: 240px;
  text-align: center;
  background-color: #40B40D; /* 初始背景色为绿色 */
  transition: background-color 0.5s ease; /* 定义背景色变化的动画 */
}

#floating-divA button:hover, #floating-divB button:hover {
  background-color: #FFA500; /* 鼠标悬停时背景色变为橙色 */
}

#floating-divA button:active, #floating-divB button:active {
  background-color: #40B40D; /* 按钮被点击时背景色立即变回绿色 */
  transition: none; /* 取消背景色变化的动画 */
}

在上述代码中，通过给按钮添加 :hover 和 :active 伪类来分别定义鼠标悬停和点击时的背景色。同时，使用 transition 属性定义背景色变化的动画，实现从绿色到橙色的渐变效果。当按钮被点击时，立即将背景色变回绿色，并取消背景色变化的动画，以避免动画过程中出现的不必要的闪烁效果。