一、Css3边框属性 border-radius 设置边框为圆角，可指定边框，背景色，背景图片的样式为圆角 box-shadow 可用来设定一个或多个边框的阴影，（box-shadow: 20px 20px 20px #888888;）前两个值设定阴影大小，第三个值设置阴影虚化 border-ima ...
分类：
Web程序 时间：
2019-03-09 16:38:18
阅读次数：
216
css3新增属性 可节省设计时间的属性 border color:控制边框的颜色，并且有更大的灵活性，可以产生渐变效果 border image:控制边框图像 border radius:能产生类似圆角矩形的效果 text shadow:文字投影 box shadow:元素盒子投影 multiple ...
分类：
Web程序 时间：
2019-02-28 23:10:54
阅读次数：
355
(迁移自旧博客2017 08 06) CSS3 文本效果： box shadow：盒子阴影，可以给卡片添加提高美化效果。可广泛应用于内容展示页面。 效果如下： 效果如下： css3 过渡： 最简单的过渡是一个div，给它加上如下代码，便可以从宽度100px华丽的过渡到宽度为300px。 那么再来点高 ...
分类：
Web程序 时间：
2019-02-17 11:13:36
阅读次数：
1010
```cpp
/*主页面*/
#home { background:rgba(233,233,233, 0.7); width: 97%; margin: 40px auto; box-shadow: 0 0 10px #000; border-radius: 10px 10px 10px 10px... ...
分类：
其他好文 时间：
2019-01-25 11:43:55
阅读次数：
152
如果现在有个需求，让你实现下面的样式，你会怎么做呢？ 我首先想到的是用 border + box-shadow 实现，代码如下 当时，我个人认为没有其它方法可以实现了，直到后面在《css揭秘》一书当中看到了另外的方法，顿时豁然开朗 这个方法是用 css的 outline + outline-offs ...
分类：
其他好文 时间：
2019-01-17 19:56:09
阅读次数：
277
使用chrome浏览器选择记住密码的账号，输入框会自动加上黄色的背景，有些设计输入框是透明背景的，需要去除掉这个黄色的背景； 方法1：阴影覆盖 input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset !importa ...
分类：
其他好文 时间：
2019-01-16 20:35:31
阅读次数：
197
通常用css生成单色或者同色系的的阴影（box-shadow)，其实可以通过巧妙的利用 filter: blur 模糊滤镜，可以生成渐变色或者说是颜色丰富的阴影效果，如图： 原理： 利用伪元素，生成一个与原图一样大小的新图叠加在原图之下，然后利用滤镜模糊 filter: blur() 配合其他的亮度 ...
分类：
Web程序 时间：
2019-01-13 23:30:28
阅读次数：
360
1、border-radius 2、box-shadow 阴影可设置多层，小例子： ...
分类：
其他好文 时间：
2019-01-09 00:32:43
阅读次数：
164
1、渐变字体 主要是看：-webkit-background-clip: text; 该属性 2、镂空字体 主要是：-webkit-text-stroke: 3px yellow; 该属性。 3、input框提示信息颜色 4、给图片加上内阴影 通过 box-shadow 属性可以给DIV增加外阴影， ...
分类：
Web程序 时间：
2018-12-26 19:57:04
阅读次数：
253
本篇文章是上一篇讲box-shadow基础知识的延伸，建议先花几分钟阅读那篇文章，点击阅读，再来看这篇。 除了box-shadow属性知识外，制作动画，还需要对CSS3的animation, @keyframes制作动画有所了解。 接下来，还是那张图。。 基本思路如下： 1.写好一个div，<div ...
分类：
Web程序 时间：
2018-12-20 00:57:48
阅读次数：
217
