首页 话题 小组 问答 好文 用户 我的社区 域名交易 唠叨

[分享]css3文字点发光

发布于 2024-11-11 15:56:37
0
11

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等现代浏览器。

评论
一个月内的热帖推荐
91云脑
Lv.1普通用户

62849

帖子

14

小组

291

积分

赞助商广告
站长交流