css3-文字外发光效果

931 阅读1分钟

css3中有一个文字阴影的效果,可以使用该效果制作文字的外发光效果。

这种效果在不方便使用图片的时候可以达到更好的效果。

制作步骤如下:

1、首先了解一下使用的css

text-shadow: 5px 5px 5px #FF0000;

效果是这样的:

\

2、然后改造一下

text-shadow:0 0 3px #FF0000;

\

3、了解一下原理

text-shadow的几个参数的解释分别如下:

必需。水平阴影的位置。允许负值。

必需。垂直阴影的位置。允许负值。

可选。模糊的距离。

可选。阴影的颜色。

也就是第一个参数是阴影的左右偏移数值,第二个参数是阴影的上下偏移数值,第三个参数可选是类似ps中的阴影的扩散效果,第四个是颜色。

以上。

以后不方便用图片的时候文字也可以加外发光效果了。

参考链接:

www.w3school.com.cn/cssref/pr_t…