1. CSS3实现圆角（border-radius），阴影（box-shadow）， 2. 对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform） 3.transform:rotate(9deg) scale(0.85,0.90) translate(0p ...
分类：
Web程序 时间：
2017-07-15 15:58:29
阅读次数：
154
1、box-shadow： 2、transform： ...
分类：
Web程序 时间：
2017-07-09 19:37:24
阅读次数：
144
<style media="screen"> * { margin: 0; padding: 0; } canvas { box-shadow: 0 0 40px black; margin: 50px; } </style> <canvas id="canvas" width="500" heig ...
分类：
Web程序 时间：
2017-07-05 13:45:22
阅读次数：
208
盒子阴影box-shadow box-shadow：0 0 1px #000 inset; 水平 垂直 模糊 颜色 ； [1] inset代表框内阴影,不加inset代表框外阴影 [2]第1个值为0时，代表左右边框阴影为1px范围 第1个值为正整数 代表左边框阴影 第1个值为负整数 代表右边框阴影 ...
分类：
Web程序 时间：
2017-06-25 23:13:51
阅读次数：
326
1.边框阴影:box-shadow:30px 10px 10px 10px black; (1)水平方向的阴影，负值向左偏移。 (2)垂直方向阴影，负值向上偏移。 (3)代表阴影模糊度，最小为0，模糊代表越往外侧颜色越浅。 (4)阴影的外延值，代表阴影所占据的范围。 (5)阴影的颜色，可以省略，默认 ...
分类：
Web程序 时间：
2017-06-25 12:44:25
阅读次数：
665
Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。 Less 可以运行在 Node 或浏览器端。 @base: #f938ab;.box-shadow(@style, @c) when (iscolor(@c)) { -we ...
分类：
其他好文 时间：
2017-06-23 12:53:24
阅读次数：
142
1.阴影：box-shadow:none(无阴影) inset(显示阴影在里面)，写法：box-shadow:inset/outset(外阴影) px(阴影水平偏移值) px(阴影垂直为负) px(阴影模糊值不为负) color； 总结：三个数值时，阴影的外延值就不存在了；两个数值时，阴影的模糊度和 ...
分类：
Web程序 时间：
2017-06-22 19:41:25
阅读次数：
176
Chrome 浏览器，当记住用户名和密码后，下次填写表单时，被记住的部分会被填充为淡黄色，有些时候不好看。 解决方式如下： input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; } ...
分类：
其他好文 时间：
2017-06-21 11:34:08
阅读次数：
144
text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着HTML5和CSS3的普及，这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor ...
分类：
Web程序 时间：
2017-06-20 22:23:06
阅读次数：
243
1.text-shadow:5px 5px 5px red, 9px 13px 10px blue, 8px 12px 10px #ccc; 字体阴影面积显示（同box-shadow） 2.自己设置字体 @font-face{ /* 可以设置字体 */ font-family:WebFont; /* ...
分类：
Web程序 时间：
2017-06-20 21:15:51
阅读次数：
225
