[分享]css3发光字体代码

CSS3中的发光字体效果可以让你的网页变得更加生动、有趣，它可以增加字体的亮度，让用户在阅读时更容易注意到重点。那么该怎样使用CSS3来制作发光字体呢？/ 先定义文字样式 / h1 { fontsiz...

CSS3中的发光字体效果可以让你的网页变得更加生动、有趣，它可以增加字体的亮度，让用户在阅读时更容易注意到重点。那么该怎样使用CSS3来制作发光字体呢？

/* 先定义文字样式 */
h1 {
  font-size: 36px;
  font-weight: bold;
  font-family: sans-serif;
  color: #333;
}

/* 利用text-shadow属性来制作文字发光效果 */
h1 {
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.6);
} 

以上代码中，我们先定义了一个h1标签，然后给它设置了一些基本样式，如字号、字重、字体、颜色等等，接着利用CSS3的text-shadow属性来实现发光效果。text-shadow属性可以设置文字的投影，我们可以给它设置多个投影，以实现不同的效果。

在这个例子中，我们只设置了一个投影，分别指定了阴影的水平、垂直偏移量和模糊度，还有阴影的颜色。水平和垂直偏移量都为0，表示阴影跟文字重合；模糊度为20像素，表示阴影模糊的程度；颜色为白色，半透明度为0.6，表示阴影的颜色和透明度。这样就完成了文字的发光效果。

当然，你可以根据需要通过调整text-shadow属性的参数来实现不同的发光效果，例如改变阴影的位置、颜色、透明度等等。