首页 > Web开发 > 详细

css字体发光技术

时间:2016-05-13 03:27:58      阅读:214      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!