box-shadow 属性向框添加一个或多个阴影。这个CSS3的属性很常用，盒阴影、按钮状态等各种地方都有用到，但是你了解并记住各个参数的作用及用法吗？
分类：
Web程序 时间：
2014-07-18 17:36:26
阅读次数：
368
CSS3制作凤凰网导航，所使用的技术并不复杂，你了解了：box-shadow,CSS制作图形，旋转，动画，这样制作这个效果就不会有压力。CSS3制作凤凰网导航 CSS3制作凤凰网导航 Home Blog Tutorial...
分类：
Web程序 时间：
2014-07-16 20:09:37
阅读次数：
318
第1章 初识CSS3
CSS3课程列出第一站，先带领大家进入CSS3的世界，探索CSS3的魅力！你做好准备了吗？
第2章 边框
本课程主要讲解border-color 、border-image 、border-radius 及box-shadow 相关知识
第3章 颜色相关
学习CSS3中与颜色有关的属性，包括RGBA colors和Gradient，来实现在此...
分类：
Web程序 时间：
2014-07-08 20:49:19
阅读次数：
219
css相关知识：1. 使用box-shadow设置图片阴影,为照片加上阴影eg： box-shadow: 0 0 5px 3px #abc2. 使用tansform-origin定义变形原点eg: -webkit-transform-origin: 0 1px3. 使用transform变形，常用变...
分类：
Web程序 时间：
2014-07-03 20:41:28
阅读次数：
242
.put { -webkit-transition:border linear .2s,-webkit-box-shadow linear .2s; outline:none; border-color:rgba(241,39,242,.6); -webkit-box-shadow:0 0 8px ...
分类：
其他好文 时间：
2014-07-01 17:46:03
阅读次数：
228
现代浏览器基本支持CSS3，但是一些旧版本的浏览器还是需要添加前缀的。像box-shadow,border-radius这类属性，目前较新版本的浏览器都是不需要前缀的（包括IE9），但是，有些CSS3属性，例如渐变，前缀少不了，每次都需要像盖高楼一样堆叠CSS3代码，如下图:.bg { ...
分类：
Web程序 时间：
2014-06-27 00:28:59
阅读次数：
473
@include box-shadow(rgba(88,88,88,0.4) 0 0 20px
5px);最后不用的参数就可以不写，rgba可以设透明度alpha，所以在photoshop里面算好rbg值来写也挺好的。上面示例的0 0
是纵向以及横向偏移值。20px是位移，5px是扩散。最后省略了一...
分类：
Web程序 时间：
2014-06-16 09:12:16
阅读次数：
262
在看网上别的前端大牛的作品时，总会有新的收获，我想很多人应该都知道box-shadow，但是不知道有没有接触过这个box-shadow: 2px 2px 4px rgba(0,0,0,0.4) ，现在就来介绍下，其中，rgba是CSS3中的属性，rgba括号中前3个数字代表着 red gree...
分类：
Web程序 时间：
2014-06-15 17:42:40
阅读次数：
219
1 moz-box-shadow: 0 0 10px #888;2
-webkit-box-shadow: 0 0 10px#888;3 box-shadow: 0 0 10px #888;
分类：
Web程序 时间：
2014-05-30 07:02:25
阅读次数：
181
.fixed {position: fixed;top: -5px;left: 0;width:
100%;box-shadow: 0 0 3px #f2f2f2;-webkit-box-shadow: 0 0 3px
#f2f2f2;-moz-box-shadow: 0 0 3px #f2f2f2...
分类：
其他好文 时间：
2014-05-28 22:41:25
阅读次数：
311
