CodeSky 代码之空

随手记录自己的学习过程

Box-shadow实现常用阴影效果

2014-01-23 18:07分类: CSS评论: 0

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

如果是text,则:

1text-shadow:0 0 3px #FF0000;
2

这里的演示在W3School

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

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

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

评论 (0)