h5 按钮里面动画加载中

您可以使用CSS3动画来实现按钮内的加载动画。具体实现方式如下：

1. 在HTML中创建一个按钮元素，例如：

<button class="loading-btn">加载中...</button>

2. 在CSS中定义该按钮的样式和动画，例如：

.loading-btn {
  position: relative;
  background-color: #2196F3;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  overflow: hidden;
}
.loading-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  animation: loading 2s ease-out infinite;
}
@keyframes loading {
  0% { width: 0; }
  50% { width: 100%; }
  100% { width: 0; }
}

这段CSS代码会为按钮添加一个半透明的遮罩层，通过动画实现遮罩层从左到右的加载效果。

3. 当需要显示加载动画时，可以通过JavaScript来为该按钮添加一个“loading”类，例如：

document.querySelector(".loading-btn").classList.add("loading");

这会触发CSS中定义的加载动画，使按钮内部的遮罩层开始加载。

4. 当加载完成后，可以通过JavaScript来移除该按钮的“loading”类，例如：

document.querySelector(".loading-btn").classList.remove("loading");

这会停止CSS中定义的加载动画，使按钮内部的遮罩层消失，按钮恢复为原来的样式。