码迷,mamicode.com
首页 > Web开发 > 详细

css字体发光技术

时间:2016-05-13 03:30:33      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:


通常情况下,我们使用text-shadow就足以实现文字发光,如图


技术分享技术分享


如图,如果文字比较大并且阴影范围也很大的话,阴影部分的颜色就会被拉得很淡。


而往往我们不需要这种不够鲜艳的颜色,还要发光半径非常大,这又如何实现呢?


下面看看我是怎样实现的,先上图


技术分享技术分享


小伙伴看见了没有,第一个字我给它从里到外加了4层发光效果

语法:

text-shadow:0px 0px 8px #fff, 0px 0px 42px #f72, 0px 0px 72px #f84,0px 0px 150px #fa5;


而第二个字则只写了一层发光,效果对比之下很明显,

学习完了别忘了点赞,小伙伴们快快运用到自己的项目中去吧!



转载请注明出处,@不羁的小鱼儿--喻文强


css字体发光技术

标签:

原文地址:http://blog.csdn.net/yuwq123/article/details/51336120

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!