box-shadow是给元素块添加周边阴影效果，Photoshop投影与CSS中box-shadow的转换 text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果 基本语法是{box-shadow:[inset] x-offset y-offset blur-ra ...
分类：
Web程序 时间：
2017-06-14 20:12:41
阅读次数：
2312
box-shadow是向盒子添加阴影。支持添加一个或者多个。 用法： 代码： 对应的效果如下 1、阴影模糊半径与阴影扩展半径的区别 阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊； 阴影扩展半径：此参数可选，其值可以是正负值，如果值为正 ...
分类：
Web程序 时间：
2017-06-14 14:24:05
阅读次数：
245
通过CSS3的动画效果完成的一个简单的图片墙效果 效果图： 目标： 1. 用10张图片作为照片。2. 照片以不同的位置和旋转角度随意摆放。3. 鼠标移动到某一张照片上时，此照片由倾斜缓慢旋转成端正，并且放大显示在最上层。 用到的知识点： 1. box-shadow：给元素的边框添加阴影的效果 前两个 ...
分类：
Web程序 时间：
2017-06-11 12:59:11
阅读次数：
225
transform: scale3d(1.2,1.2,1.2);结合hover 展示边框阴影效果 -webkit-box-shadow: 1px 2px 4px #dbdbdb; box-shadow: 1px 2px 4px #dbdbdb; ...
分类：
Web程序 时间：
2017-06-09 20:25:28
阅读次数：
198
盒子四周都有阴影效果： 正常阴影 box-shadow: 5px 5px 5px black; 阴影半径为负值 box-shadow: 5px 5px 5px -5px black; 阴影半径为正值 box-shadow: 5px 5px 5px 5px black; 双边阴影 box-shadow ...
分类：
其他好文 时间：
2017-06-02 14:54:47
阅读次数：
270
1、border-radius：向元素添加圆角边框。 2、box-shadow：向盒子添加阴影。支持添加一个或者多个。 语法： 注意：inset 可以写在参数的第一个或最后一个，其它位置是无效的。 3、border-image： 语法： 参数： repeat：就是一直重复，然后超出部分剪裁掉，而且是 ...
分类：
Web程序 时间：
2017-05-29 21:45:00
阅读次数：
204
.box-shadow{ //Firefox4.0- -moz-box-shadow:投影方式 X轴偏移量 Y轴偏移量阴影模糊半径 阴影扩展半径 阴影颜色; //Safariand Google chrome10.0- -webkit-box-shadow:投影方式 X轴偏移量 Y轴偏移量阴影模糊半 ...
分类：
其他好文 时间：
2017-05-28 11:46:40
阅读次数：
198
圆角边框以及阴影制作卡片式图片 圆角边框 border-radius 卡片使用阴影 box-shadow 利用阴影给图片底部创造一个长方形 内部的元素会直接覆盖整个阴影 HTML 部分 CSS 部分 图片展示 此文到此结束 此文参考链接 http://www.w3school.com.cn/cssr ...
分类：
其他好文 时间：
2017-05-26 23:15:57
阅读次数：
238
box-shadow:0 5px 5px rgba(0,0,0,0.5) 文本 text-shadow：5px 5px 4px green; word-wrap: 背景： background:#ffffff url() 0 0 no-repeat; background-size:大小 backg ...
分类：
Web程序 时间：
2017-05-24 18:26:36
阅读次数：
168
盒子阴影样式单词：box-shadow 语法 <style> div{box-shadow:0 0 1px #000 inset;} </style> 其中，第一个和第二个0分别代表边框间距靠左和靠上；1px表示阴影范围；#000表示阴影颜色为黑色；inset 代表框内阴影 ，没有inset 则代表 ...
分类：
其他好文 时间：
2017-05-21 16:51:29
阅读次数：
155
