box-shadow 在前端的 CSS 编写工作想必十分常见。但是 box-shadow 除去它的常规用法，其实还存在许多不为人知的奇技淫巧。 喜欢 markdown 版本的可以戳这里 。 box-shadow 常规用法 说到 box-shadow ，首先想到的必然是它能够生成阴影，所以称之为 sh ...
分类：
其他好文 时间：
2016-06-17 16:51:01
阅读次数：
169
box-shadow:h v blur spread color inset; h 是代表水平方向的阴影，正值就在x轴的右边，负值就在x轴的左边 v 是代表垂直方向的阴影，正值就在y轴的下方，负值就在y轴的上方 blur 模糊的程度，数值越大越模糊 spread 模糊的尺寸，数值为正值时，整个阴影都 ...
分类：
其他好文 时间：
2016-06-17 12:31:22
阅读次数：
141
box-shadow 在前端的 CSS 编写工作想必十分常见。但是 box-shadow 除去它的常规用法，其实还存在许多不为人知的奇技淫巧。 喜欢 markdown 版本的可以戳这里 。 box-shadow 常规用法 说到 box-shadow ，首先想到的必然是它能够生成阴影，所以称之为 sh ...
分类：
Web程序 时间：
2016-06-16 21:39:32
阅读次数：
166
巧用box-shadow实现布局区域间隔变色前言之前给客户做了一个网站,整体是1200px宽.因此,网页整体是放在一个 1200px的盒子里的.但是今天,客户突然要求实现这样的变色效果,一个区域是灰色的,一个区域是白色的.原布局效果图想要达到的效果我了个擦擦…这是要更换原有的html布局的呀….思路首先,我是拒绝更换html布局结构的.我真心不愿意去修改html的布局,因为牵扯到的地方会比较多,所以...
分类：
其他好文 时间：
2016-06-14 10:18:05
阅读次数：
232
如图所示的圆角边框有两个元素很好实现，用一个元素也可以实现。 以上代码生成的图案还没有边框： 加上：box-shadow:0 0 0 .6em #665，生成边框，边框跟随内容的形状： 加上outline的边框，边框宽度要大于（根号2-1）*圆角的半径，可以直接取0.5倍的半径，outline:.5 ...
分类：
Web程序 时间：
2016-06-11 00:31:30
阅读次数：
274
一、box-shadow属性 box-shadow除了生成投影，还可以用来生成边框；它接受第4个值作为扩张半径，0的x轴偏移+0的y轴偏移+0的模糊值+0的扩张半径，得到的显示效果和边框是一样的；但是注意，投影的行为和边框的行为不同，投影不影响布局；“假”边框在元素外面，不影响元素的点击（可以给bo ...
分类：
Web程序 时间：
2016-06-10 23:12:02
阅读次数：
201
box-shadow:0px 0px 10px #aba25b; -webkit-box-shadow:0px 0px 10px #aba25b; -moz-box-shadow:0px 0px 10px #aba25b; behavior:url(../css/biz/ie-css3.htc); ...
分类：
其他好文 时间：
2016-06-08 12:12:11
阅读次数：
192
<style>ul,li{list-style: none;} #nav{height:42px; border:1px solid #d3d3d3; background:#f7f7f7;border-radius:2px;box-shadow:1px 1px 2px rgba(0,0,0,.2) ...
分类：
Web程序 时间：
2016-06-07 17:53:57
阅读次数：
243
1、阴影box-shadow:x轴偏移量 y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]
注意：inset（内阴影） 可以写在参数的第一个或最后一个，其它位置是无效的实例
正值表示在对象的底部，负值表示在对象的顶部。
.boxshadow-outset{
width:100px;
height:100px;
box-shadow:4px 4p...
分类：
Web程序 时间：
2016-06-02 14:43:18
阅读次数：
245
加上border-radius：1px即可解决 Demo: ...
分类：
移动开发 时间：
2016-06-02 13:12:52
阅读次数：
3047
