CSS3属性box-shadow使用指南
发布时间:2014-12-09 17:15:34 作者:佚名 我要评论
这篇文章主要介绍了CSS3属性box-shadow使用指南,需要的朋友可以参考下
今天比较忙,没能好好看新东西,就记录一个常用的CSS3属性吧:box-shadow,表示阴影,如果设置了border-radius圆角,则阴影也是圆角
box-shadow目前是IE9及以上和其他现代浏览器都支持的属性了。
语法:
Formal syntax: none | [inset? && [ <offset-x> <offset-y> <blur-radius>? <spread-radius>? <color>? ] ]#
取值:
inset: 表示阴影在边框内部(即使是无边框),在背景之上,内容之下;
offset-x 和 offset-y: 偏移量,正值表示向左和向下;
blur-radius: 模糊半径,默认0,不能为负值;
spread-radius: 取正值阴影扩大,取负值缩小,默认为0.
color: 颜色,所未定义则由浏览器确定。
相关文章
- 这篇文章主要介绍了CSS3中box-shadow的用法,改方法即是作一个盒装区域的阴影效果,需要的朋友可以参考下2015-07-15
CSS3新属性transition-property transform box-shadow实例学习
本文将为大家介绍下CSS3新属性transition-property transform box-shadow的使用,感兴趣的朋友可以参考下哈,希望对你学习css3有所帮助2013-06-06CSS3基础(RGBa、text-shadow、box-shadow、border-radius)
本文介绍CSS 3部分新属性基础,包括RGBa、text-shadow、box-shadow、border-radius。这些属性通常用来增强网页布局和美誉度。(译者注:在支持CSS3的浏览器如Firefox、Safa2012-11-13- CSS3的box-shadow属性可以让我们轻松实现图层阴影效果。我们来实战详解一下这个属性2012-01-21
- 你在使用box-shadow来实现阴影效果的时候,有没有注意到有些情况下,阴影并不是透明的效果2011-08-28
CSS text-shadow,box-shadow,border-radius属性
篇文章将对 CSS 的几个新属性 (text-shadow,box-shadow,and border-radius) 做基本介绍。这些 CSS3 属性通常用来加强页面布局。2010-03-09- box-shadow是给元素块添加周边阴影效果,本文给大家介绍Photoshop投影与CSS中box-shadow的转换,对css中box shadow相关知识感兴趣的朋友一起学习吧2015-11-27
最新评论