CSS按钮发光闪烁是一种增加用户交互体验的简单而有效的设计技术。具有发光闪烁效果的按钮可以吸引用户的眼球，让他们更愿意点击它，提高网站的活跃度和转化率。

.button {background-color: #0d6efd;color: #fff;padding: 8px 16px;border: none;border-radius: 4px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);position: relative;overflow: hidden;}.button:before {content: "";position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background-color: rgba(255, 255, 255, 0.5);transform: translate(-50%, -50%) rotate(45deg);z-index: -1;opacity: 0;}.button:hover:before {opacity: 1;animation: pulse 1s ease-in-out;}@keyframes pulse {0% {transform: translate(-50%, -50%) rotate(45deg) scale(1);}100% {transform: translate(-50%, -50%) rotate(45deg) scale(1.5);opacity: 0;}}

上面的代码是一个简单的CSS样式，实现了按钮的基本样式和发光闪烁效果。在按钮的伪元素:before中，设置一个宽高为200%的半透明白色背景，并通过transform将其旋转45度并定位到按钮中心。同时设置z-index为-1，将其放在按钮下层。

当鼠标移入按钮时，通过:hover伪类触发:before伪元素的属性动画。属性动画pulse在1s内完成，实现了按钮发光闪烁的效果。在动画执行过程中，伪元素从原来的大小开始缩放，最终消失。

可以根据需求调整伪元素的大小、旋转角度和颜色等参数，优化发光闪烁效果，更好地引导用户进行交互。