一、定义和用法 box-shadow 属性向框添加一个或多个阴影。 h-shadow 必需。水平阴影的位置。允许负值。 v-shadow 必需。垂直阴影的位置。允许负值。 blur 可选。模糊距离。 spread 可选。阴影的尺寸。 color 可选。阴影的颜色。 inset 可选。将外部阴影 (o ...
分类：
Web程序 时间：
2016-05-28 10:10:00
阅读次数：
438
首先要说一下，transition属性ie9是不支持的，从ie10才开始支持 例子是当鼠标移上div后，它会旋转180度。 要点： 用圆角制作圆形盒子，border-radius设置成50%；用box-shadow来制作内填充填满的效果，box-shadow有6个参数水平阴影宽度(px);垂直阴影宽 ...
分类：
Web程序 时间：
2016-05-24 06:55:33
阅读次数：
232
设置块阴影： box-shadow:阴影水平偏移 阴影垂直偏移 阴影模糊值 阴影边框 阴影颜色; box-shadow:length length length length color; 为了兼容不同的浏览器需要加上通常三个一起写： box-shadow:10px 10px 5px #444; - ...
分类：
Web程序 时间：
2016-05-21 15:53:02
阅读次数：
122
移动端H5 css3模拟边框最新研究(超实用) by FungLeo前言在之前写的一篇博文《移动端H5的一些基本知识点总结 第五节 边框的处理》中,我提到,可以使用 box-shadow:0 0 0 1px #ddd; 这样的方式,来模拟边框.当然,博文中的内容并没有错,但是却有一定的局限性.因此,今天在这里,纠正和完善我之前的博文中的缺陷.
为什么要模拟边框,而不是直接写边框?
因为边框...
分类：
移动开发 时间：
2016-05-18 19:42:44
阅读次数：
225
box-shadow语法：x轴偏移值 y轴偏移值 模糊半径 阴影半径 || 颜色 ，其中阴影半径可以为负值，意思是增加或减少指定数值的阴影半径 正常阴影 box-shadow: 5px 5px 5px black; 阴影半径为负值 box-shadow: 5px 5px 5px -5px black ...
分类：
其他好文 时间：
2016-05-17 11:31:57
阅读次数：
225
每次使用box-shadow,都要查阅资料才能实现对应的效果,现在总结一下,方便以后查看。 一、语法： E {box-shadow: inset x-offset y-offset blur-radius spread-radius color}; E {box-shadow: 投影方式 X轴偏移量 ...
分类：
Web程序 时间：
2016-05-11 12:54:26
阅读次数：
199
复制粘贴： <!DOCTYPE html > <html > <head> <meta charset="utf-8"> <title>标题</title> <script type="text/javascript" src="../js/jquery-1.4.min.js"></script>< ...
分类：
Web程序 时间：
2016-05-11 11:19:57
阅读次数：
670
<style> .u-progress { height: 25px; background: #CBCBCB; position: relative; border-radius: 3px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); overflow ...
分类：
其他好文 时间：
2016-05-10 18:42:12
阅读次数：
105
圆角（border-radius:8px）、 阴影（box-shadow:10px）、 对文字加特效（text-shadow）、 线性渐变（gradient）、 旋转（transform） transform:rotate(9deg) scale(0.85,0.90) translate(0px,- ...
分类：
Web程序 时间：
2016-05-02 21:23:05
阅读次数：
182
1.border-radius:1px 2px 3px 2px;
/*添加圆角 四个半径值分别是左上角、右上角、右下角和左下角，顺时针
*/
2.box-shadow:0px
0px 12px 5px #33CC00 inset;
/*添加阴影
参数分别是 X轴偏移量 Y轴偏移量 【阴影模糊半径】 【阴影扩展半径】[阴影颜色] [投影方式]*/
a...
分类：
Web程序 时间：
2016-04-29 16:45:27
阅读次数：
281
