css发光按钮说明 |css3文字背景渐变动画

下面是一个CSS发光按钮的示例代码：

点击偶发光.glow-button {
background-color: #3498db;
color: #fff;
font-size: 16px;
padding: 10px 30px;
border: none;
border-radius: 5px;
cursor: pointer;
position: relative;
}
.glow-button::before {
content: "";
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
border-radius: 5px;
background: linear-gradient(45deg, #fb0094, #00ffea, #ff0ea1);
z-index: -1;
opacity: 0;
transition: all 0.5s;
}
.glow-button:hover::before {
opacity: 1;
}
.glow-button:active::before {
transform: scale(1.05);
}

第一部分代码定义了一个普通的按钮样式，第二部分代码定义了按钮的伪元素，利用线性渐变背景和opacity属性实现了按钮的光亮效果，当鼠标悬停或点击时，改变opacity和transform属性，实现了动态效果。

以上是CSS发光按钮的基本实现，大家可以根据自己的需求，自定义按钮样式和动画效果，创造出更加炫酷的交互设计。