如何使用css3实现字体内发光效果
导读：使用css3实现字体发光效果原理 首先我们要输入需要加入特效的文本。 然后我们需要了解的是css3中本身没有发光特效的属性，但是我们可以通过text-shadow属性实现发光效果，那么我们现在着重介绍一下text-shadow属性。...
使用css3实现字体发光效果原理
首先我们要输入需要加入特效的文本。
然后我们需要了解的是css3中本身没有发光特效的属性，但是我们可以通过text-shadow属性实现发光效果，那么我们现在着重介绍一下text-shadow属性。
text-shadow属性的基本语法：text-shadow：h-shadowv-shadowblurcolor；
h-shadow:水平阴影的位置(阴影水平偏移量)，可为负值。v-shadow:垂直阴影的位置(阴影垂直偏移量)，可为负值。
blur:阴影模糊的距离(默认为0)。
color:阴影颜色，一般默认为字体的颜色。
此外我们还可以使用text-shadow的另外一个特性：同时设置多个阴影(使用逗号分隔设置多个阴影)。这个特性暂时不做过多的介绍。
使用css3实现字体发光效果实例
发光字体
p{
color:#0F9;
font-size:36px;
text-align:center;
transition:all0.1s;
text-shadow:1px1px1px#00FF00;
}
p:hover{
text-shadow:6px6px6px#00FF00;
}
PHP中文网
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 如何使用css3实现字体内发光效果
本文地址： https://pptw.com/jishu/664589.html