点击按钮缩放动画的代码

Sure! 这是一个简单的示例代码，用于在点击按钮时触发缩放动画：

// 获取按钮元素
const button = document.querySelector('button');

// 添加点击事件监听器
button.addEventListener('click', () => {
  // 添加缩放动画的 CSS 类
  button.classList.add('zoom');
  
  // 在动画结束后移除缩放动画的 CSS 类
  button.addEventListener('animationend', () => {
    button.classList.remove('zoom');
  }, { once: true });
});

你需要在 HTML 文件中添加一个按钮元素，并为按钮添加一个 CSS 类 `zoom`，用于定义缩放动画的样式。例如：

<button class="zoom">Click me</button>

然后，你可以使用 CSS 来定义 `zoom` 类的样式，例如：

.zoom {
  animation: zoom-in-out 0.3s;
}

@keyframes zoom-in-out {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

这个示例中的动画是一个简单的缩放动画，当按钮被点击时，按钮会先放大到 1.2 倍大小，然后再恢复到原始大小。你可以根据需要修改动画的样式和持续时间。

希望这可以帮助到你！如果你还有其他问题，请随时提问。