[分享]css中如何让字体发光

CSS可以让我们的字体变得更加华丽，其中一种方法是让它闪闪发光。那么，该如何实现呢？其实很简单，只需添加少量CSS即可。/ 设置字体颜色 / color: fff; / 设置字体发光 / textsh...

CSS可以让我们的字体变得更加华丽，其中一种方法是让它闪闪发光。那么，该如何实现呢？其实很简单，只需添加少量CSS即可。

/* 设置字体颜色 */
color: #fff;

/* 设置字体发光 */
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FFC976, 0 0 70px #FFC976, 0 0 80px #FFC976, 0 0 100px #FFC976, 0 0 150px #FFC976; 

以上代码中，“color”属性用于设置字体颜色。而“text-shadow”则用于设置字体发光效果。这个属性接收多个参数，这里一共设置了8个参数，每个参数表示一个光晕的效果，参数之间用逗号隔开。

这些参数有几个部分组成：第一个0表示阴影的横坐标；第二个0表示阴影的纵坐标；第三个参数表示阴影的模糊半径，值越大越模糊；最后一个参数表示阴影的颜色。

以上代码中，前三个参数都是0，也就是说阴影的位置坐标是位于原字体上的。而后面的颜色参数分别为#fff和#FFC976，表示白色和淡黄色。

通过这种方式可以让我们的字体变得闪耀夺目，吸引更多人的注意力。但注意不要过度使用，适度使用才是更加高明的设计。