html - 用于 Html 元素的 Neon Glow 在移动设备上效果不佳

Question

我想让这些跨度发光，我在桌面上取得了成功，它非常好，但是在移动设备上打开网站时，发光显得太小，需要放大镜才能看到......我试图增加px 但没有变化。

@keyframes glowing {
  0% { box-shadow: 0 0 -10px rgb(196, 196, 196);}
  40% { box-shadow: 0 0 20px rgb(196, 196, 196); }
  60% { box-shadow: 0 0 20px rgb(196, 196, 196); }
  100% { box-shadow: 0 0 -10px rgb(196, 196, 196); }
}

.glowButton {
  animation: glowing 1000ms infinite;
  box-shadow: 0 0 10px rgb(133, 133, 133);
}

<div class="glowButton">Button</div>

标签： htmlcss