[分享]css3文本发光

CSS3文本发光是一种在页面设计中比较常用的效果之一，它可以添加光晕、长阴影等各种效果，使你的设计更加生动有趣。在CSS3中，通过textshadow属性可以实现文本发光效果。例如：h1 { text...

CSS3文本发光是一种在页面设计中比较常用的效果之一，它可以添加光晕、长阴影等各种效果，使你的设计更加生动有趣。

在CSS3中，通过text-shadow属性可以实现文本发光效果。例如：

h1 {
  text-shadow: 1px 1px 0 #fff, 
               2px 2px 0 #fff, 
               3px 3px 0 #fff;
} 

上面的代码表示在h1元素上添加了三个文本发光效果，每个效果具体参数解释如下：

text-shadow: offset-x offset-y blur color; 

其中offset-x和offset-y表示发光的偏移量，blur表示模糊半径，color表示发光的颜色。

值得注意的是，上面的例子中为每个效果都设置了相同的颜色#fff，这意味着产生的三个效果都是白色的光晕效果。

为了达到更加复杂的文本发光效果，你也可以尝试使用不同颜色和不同偏移量、模糊半径的组合。

除了text-shadow属性，CSS3还提供了box-shadow属性，它可以为元素添加阴影效果。同样地，你也可以为元素添加不同颜色、强度、模糊半径的多种效果，实现更加丰富多彩的页面设计。

需要注意的是，为页面添加较多较复杂的文本发光和阴影效果，可能会造成性能上的影响。因此，在使用时应尽量进行优化和控制。