关于 CSS 阴影，之前已经有写过一篇，box-shadow 与 filter:drop-shadow 详解及奇技淫巧，介绍了一些关于 box-shadow 的用法。 最近一个新的项目，CSS-Inspiration，挖掘了其他很多有关 CSS 阴影的点子，是之前的文章没有覆盖到的新内容，而且有 ...

一、box-shadow问题探究 box-shadow 在MDN定义以及详解： box-shadow 以由逗号分隔的列表来描述一个或多个阴影效果。该属性让你可以对几乎所有元素的边框产生阴影。如果元素同时设置了 border-radius ，阴影也会有圆角效果。多个阴影的z-ordering ...

　　《CSS3 经典教程系列》的前一篇文章向大家详细介绍了线性渐变（linear-gradient）的用法，今天本文介绍的盒阴影（box-shadow）是目前用得最多的 CSS3 特性之一。盒阴影效果和圆角效果一样都是做成图片，直接编写 CSS 代码就可以实现。 您可能感 ...

box-shadow 在前端的 CSS 编写工作想必十分常见。但是 box-shadow 除去它的常规用法，其实还存在许多不为人知的奇技淫巧。 喜欢 markdown 版本的可以戳这里 。 box-shadow 常规用法 说到 box-shadow ，首先想到的必然是它能够生成阴影 ...

简言 目前最优雅地实现多重边框的方案是利用CSS3 的 box-shadow属性，但如果要兼容老的浏览器，则需要选择其它的方案。本文简要地列举了几种多重边框的实现方案，大家可以根据项目实际及兼容性要求等情况，选择最适合的实现方案。 1 利用描边(outline)属性 方案1利用描 ...

一、box-shadow介绍 box-shadow属性向box添加一个或多个阴影。 语法： 单词解释：blur:模糊 spread:伸展 inset:内凹 参数解释： offset-x：必需，取值正负都可。offset-x水平阴影的位置。 offset-y ...

根据canisue（http://caniuse.com/#search=box-shadow），box-shadow兼容性如下图所示： 测试代码： IE8浏览器效果： border-radius在IE8浏览器兼容方案： IE8 ...

-——css3的文章好久没有写过了。今天看到一个比较酷炫的属性——线性渐变（linear-gradient）,决定谈谈这个属性。 linear-gradient ——CSS3 grandient分为 ...

...

box-shadow的这些用法你知道吗？ 完整代码看这里。 实现效果如下： box-shadow支持同时设置多个阴影，根据这个特性，很多重复性的图案都可以很巧妙的设计出来。 ...