CSS3文字点发光可以让文字变得更加华丽,增强视觉效果。下面先来看一下示例代码:
.glow {
font-size: 60px;
font-family: "Arial", sans-serif;
color: #fff;
text-shadow: 0 0 10px #fff,
0 0 20px #fff,
0 0 30px #fff,
0 0 40px #ff00de,
0 0 70px #ff00de,
0 0 80px #ff00de,
0 0 100px #ff00de,
0 0 150px #ff00de;
} 上面的代码就可以让文字产生发光效果。其中,text-shadow属性是控制文字阴影的,一共设置了8个阴影,分别产生不同的大小和颜色。通过改变这些参数值,可以产生不同的发光效果。
需要注意的是,这种效果在低版本的IE浏览器中无法实现。如果需要观看该效果,最好使用Chrome、Firefox或者Safari等现代浏览器。