CSS3------ 按钮闪光划过效果

你可以使用CSS3来实现按钮闪光划过效果。下面是一个简单的例子：

HTML代码：

<button class="glow-button">按钮</button>

CSS代码：

.glow-button {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  border: none;
  background-color: #333;
  color: #fff;
  overflow: hidden;
}

.glow-button::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background-color: rgba(255, 255, 255, 0.1);
  opacity: 0;
  transform-origin: center center;
  transform: scale(0);
  transition: transform 0.3s, opacity 0.3s;
}

.glow-button:hover::before {
  opacity: 1;
  transform: scale(1);
}

在这个例子中，我们使用了`::before`伪元素来创建一个覆盖整个按钮的方块。通过将`opacity`设置为0和`transform`设置为`scale(0)`，我们将其隐藏起来。当鼠标悬停在按钮上时，通过将`opacity`设置为1和`transform`设置为`scale(1)`，我们使方块逐渐显示出来，并放大至和按钮一样大小。

你可以根据需要修改按钮的样式和闪光划过效果的细节。希望对你有帮助！如果你还有其他问题，请随时向我提问。