按钮点击动画可以通过使用CSS和JavaScript来实现。下面是一个包含代码示例的解决方法：

HTML代码:

点击我

CSS代码:

@keyframes buttonClick {
  0% { transform: scale(1); }
  50% { transform: scale(0.9); }
  100% { transform: scale(1); }
}

button {
  padding: 10px 20px;
  background-color: #eee;
  border: none;
  cursor: pointer;
  font-size: 16px;
  transition: transform 0.3s ease;
}

button:active {
  animation: buttonClick 0.5s;
}

JavaScript代码:

function animateButton() {
  var button = document.getElementById("myButton");
  button.style.animation = "buttonClick 0.5s";
  setTimeout(function() {
    button.style.animation = "";
  }, 500);
}

上述代码实现了一个简单的按钮点击动画。当按钮被点击时，按钮会缩小至90%的大小，然后恢复到原始大小。可以通过修改CSS中的@keyframes部分来调整动画效果。JavaScript代码中的setTimeout函数用于在动画完成后清除按钮的动画样式，以便下次点击时重新触发动画。

注意：以上示例中使用了CSS3的动画和过渡效果，可能在某些旧版本的浏览器中不受支持。为了更好的兼容性，可以使用JavaScript动画库，如jQuery或GSAP等。