css 文字光晕 |css3 背景色左右渐变

CSS文本光晕通常通过text-shadow属性来实现。text-shadow属性可以为文本添加阴影效果，包括阴影的位移、模糊度和颜色等。其中，阴影的颜色即为文本光晕的颜色。

.text{
text-shadow: 0 0 5px rgba(255,255,0,0.5); /*设置文本光晕*/
}

上面的代码中，text-shadow属性的第一个值表示阴影在水平方向上的位移量，第二个值表示阴影在垂直方向上的位移量，第三个值表示阴影模糊的程度，也就是文本光晕的大小，最后一个值则表示阴影的颜色和透明度。可以通过改变这些值来调整文本光晕的效果。

需要注意的是，不同的浏览器对text-shadow属性的支持程度是不同的。因此，在使用此技术时需要做好兼容性处理。

除了使用text-shadow属性以外，还可以使用CSS的渐变效果来实现文本光晕。方法是利用background-clip属性将渐变应用到文本的背景上。下面是代码示例：

.text{
background: linear-gradient(45deg, #ff0, #f00);
-webkit-background-clip: text; /*将渐变应用到文本的背景上*/
color: transparent; /*文本颜色设为透明，使渐变效果显示在文本上*/
}

以上就是关于CSS文本光晕的介绍，希望对大家有所帮助。