html按钮怎么实现流动灯光的效果

要实现流动灯光的效果，你可以通过CSS3的animation属性来实现。以下是一个简单的例子：

<button class="btn">Button</button>

.btn {
  position: relative;
  background-color: #fff;
  color: #000;
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  text-transform: uppercase;
  overflow: hidden;
}

.btn::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background-color: rgba(255, 255, 255, 0.2);
  transform: rotate(45deg);
  animation: animate 2s linear infinite;
}

@keyframes animate {
  0% {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  100% {
    transform: translate(150%, 150%) rotate(45deg);
  }
}

在上面的代码中，我们使用伪元素`::before`来创建一个灯光的效果。我们使用`animation`属性来定义动画效果，并使用`transform`属性来移动元素的位置和旋转角度。通过调整动画的参数，你可以改变灯光的速度和方向。