box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0); transition: all 0.2s linear; ...
分类：
其他好文 时间：
2017-12-13 14:36:20
阅读次数：
140
1,border-width 不支持百分比 类似的out-line,box-shadow,text-shadow,... borer-width 支持关键字 thin 1px; medium 厚薄均匀 3px; thick 厚的5px; 2,border-style:solid; border-st ...
分类：
其他好文 时间：
2017-12-09 12:02:47
阅读次数：
120
1、语法： 对象选择器 {text-shadow:X轴偏移量 Y轴偏移量 阴影模糊半径 阴影颜色} 注：text-shadow可以使用一个或多个投影，如果使用多个投影时必须需要用逗号“,”分开。 2、取值： box-shadow属性最多可以有6个参数设置，他们分别取值： (1) 阴影水平偏移量 ：是 ...
分类：
其他好文 时间：
2017-11-29 19:42:04
阅读次数：
121
开始做页面的时候，就想到了用box-shadow 来实现外阴影边框、用border-radius来实现ui图的中的圆角。但是过程中也没有那么顺利，基本效果是实现了，可是那个搜索按钮总是和搜索框存在一点缝隙，特别是在ipad和iphone设备中更是明显，于是就通过浏览器的检查工具检查元素，最终发现是i ...
分类：
其他好文 时间：
2017-11-28 19:54:43
阅读次数：
161
1、CSS3边框： border-radius：CSS3圆角边框。在 CSS2 中添加圆角矩形需要技巧，我们必须为每个圆角使用不同的图片，在 CSS3 中，创建圆角是非常容易的，在 CSS3 中，border-radius 属性用于创建圆角。border：2px solid; box-shadow： ...
分类：
Web程序 时间：
2017-11-25 23:47:11
阅读次数：
379
基础不牢，地动山摇！没办法，只能重温“经典”！ 1.CSS3边框：border-radius; box-shadow; border-image border-radius:r1,r2,r3,r4;（边框圆角！） r1~r4：分别为左上角，右上角，右下角，左下角半径（顺时针！缺省时：左上角、右下角相 ...
分类：
Web程序 时间：
2017-11-24 22:48:03
阅读次数：
243
box-shadow box-shadow曲线阴影 box-shadow翘边阴影 ...
分类：
Web程序 时间：
2017-11-23 10:59:43
阅读次数：
135
1、检测网站https://gsnedders.html5.org/outliner/ 2、查询是否支持前缀http://caniuse.com 3、border-radius\box-shadow\opacity这几个一般前缀-webkit-和-moz-基本就可以了 eg: -webkit-bor ...
分类：
Web程序 时间：
2017-11-17 13:32:09
阅读次数：
203
::-webkit-scrollbar { width: 18px; height: 30px; background-color: #F5F5F5; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -webkit-box-shadow: inset ...
分类：
其他好文 时间：
2017-11-17 11:58:19
阅读次数：
162
background：lineer-gradient（to right/90deg，red，yellow） 渐变/横向 border-radius：50% *** 圆角 box-shadow：x y 模糊值 外延线 颜色； BEM 块-元素-修饰符 margin，占用 不加margin 实际面积 W ...
分类：
其他好文 时间：
2017-11-12 20:55:00
阅读次数：
176
