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

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

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

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

.btn::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  animation: animate 2s linear infinite;
}

@keyframes animate {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
  }
}

在上面的代码中，我们使用伪元素`::before`来创建一个边框的效果。我们使用`animation`属性来定义动画效果，并使用`transform`属性来缩放元素的大小。通过调整动画的参数，你可以改变边框的速度和强度。同时，我们使用`border-radius`属性来设置边框的圆角，使得边框更加美观。