盒子阴影之探索盒子阴影：box-shadow作用；在盒子不同的方位添加你想要的阴影效果。box-shadow有六个参数值，下面一一举例说明语法:Box-shadow:offset-x|offset-y|blur|sperd|color|position|注意！！！以上也是box-shadow默认的排序!第一：offset-x阴影的水平偏移量，即X轴上..
分类：
其他好文 时间：
2017-05-21 15:24:01
阅读次数：
270
CSS3：1.文字阴影效果text-shadow:red 10px 10px 1px;2.背景颜色渐变background:linear-gradient(to top,green,red,pink)3.圆角效果:border-radius可以用来画圆，半圆4.盒子阴影box-shadow: ins ...
分类：
Web程序 时间：
2017-05-20 12:25:22
阅读次数：
234
在chrome中，input框总是出现黄底色，使用!important;也不好使，很烦人，下面方法可以解决input:-webkit-autofill{
-webkit-box-shadow:0001000pxwhiteinset;
}
input[type=text]:focus,input[type=password]:focus{
-webkit-box-shadow:0001000pxwhiteinset;
}
分类：
其他好文 时间：
2017-05-17 23:36:20
阅读次数：
202
方法1：给input框设置一个足够大的阴影 方法2：添加 autocomplete="off" 让input框输完内容不记录值 ...
分类：
其他好文 时间：
2017-05-16 17:22:31
阅读次数：
155
原理： 把滚动条设为完全透明； /* 设置滚动条的样式 */::-webkit-scrollbar { width: 12px;} /* 滚动槽 */::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0) ...
分类：
Web程序 时间：
2017-05-15 18:27:02
阅读次数：
183
1.写在前面 border和box-shadow在css中是非常重要的属性，掌握好border，可以增加用户交互性。 2.border-style 用于设置边框样式： 单独给每个边设置边框： 边框的简写： 3.box-shadow 属性： box-shadow:h-shadow v-shadow b ...
分类：
其他好文 时间：
2017-05-13 13:36:28
阅读次数：
413
结论： 1） 从.box-shadow-1的效果可以得出不指定属性阴影颜色的情况下，阴影在webkit内核下的safari和chrome浏览器下表现为透明色，在Firefox/Opera下表现为黑色。 2） 从内外两个div块inner、outer的对比来看，所有支持box-shadow的主流浏览器 ...
分类：
Web程序 时间：
2017-05-12 00:11:23
阅读次数：
242
盒模型阴影 Box-shadow:[inset] x y blur [spread] color 参数inset:投影方式不写这个参数就是外投影 Inset内投影 X,y阴影的偏移 Blur模糊半径 Spread:扩展阴影的半径 实例： Box-shadow:0 30px 30px #000,ins ...
分类：
其他好文 时间：
2017-05-08 23:10:48
阅读次数：
215
box-shadow:阴影水平偏移量 阴影垂直偏移量 阴影模糊半径 阴影扩展半径 阴影颜色 box-shadow属性的参数设置取值： 阴影类型：此参数可选。如不设值，默认投影方式是外阴影；如取其唯一值“inset”，其投影为内阴影； X-offset:阴影水平偏移量，其值可以是正负值。如果值为正值， ...
分类：
其他好文 时间：
2017-05-04 18:40:58
阅读次数：
602
box-shadow实现的打点效果 简介 box-shadow理论上可以生成任意的图形效果，当然也就可以实现点点点的loading效果了。 实现原理 html代码，首先需要写如下html代码以及class类名： css代码 这里用到了currentColor这个关键字，IE9+浏览器支持，其可以让C ...
分类：
Web程序 时间：
2017-05-04 09:49:01
阅读次数：
312
