html增加按钮点击动画

您可以使用CSS动画为按钮添加点击效果。以下是一个简单的示例：

HTML代码：

<button class="animated-button">点击我</button>

CSS代码：

.animated-button {
  padding: 10px 20px;
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.animated-button:hover {
  background-color: #388E3C;
}

.animated-button:active {
  transform: translateY(2px);
}

在这个示例中，我们为按钮添加了一个简单的CSS动画。当鼠标悬停在按钮上时，背景颜色会渐变为深绿色。当按钮被点击时，它会向下移动2个像素，以创建一个点击效果。