Box-shadow实现常用阴影效果

text的三个以前忽视的属性(尤其阴影)中我提到了关于文字阴影的问题,相关常用效果W3School把它称作:霓虹灯效果。很显然对IE的支持不好。

如果是text,则:

text-shadow:0 0 3px #FF0000;

这里的演示在W3School

而我们换成了更常用的box-shadow,演示请见评论框的提交按钮hover

box-shadow: 0px 0px 5px #D5E1FF;

可以看出和text并没什么不一样的地方,很常用,权当mark
扩展阅读:http://www.w3school.com.cn/cssref/pr_box-shadow.asp

植入部分

如果您觉得文章不错,可以通过赞助支持我。

如果您不希望打赏,也可以通过关闭广告屏蔽插件的形式帮助网站运作。

标签: 知识, 代码段

添加新评论