chrom and Safari浏览器： webkit核心的浏览器。使用CSS3渐变方法（css-gradient） -webkit-gradient(type, start_point, end_point, / stop...) -webkit-gradient(type, inner_cent ...
分类：
其他好文 时间：
2017-07-22 12:08:35
阅读次数：
308
前端页面细节处理好了才会显得精致。边框在网页中是常见的一种样式了。虽然不把它处理为0.5px看上去没毛病，但是想让你做的东西征服更多的人，这些细节处理是必须的。 今天主要说一下如何让边框显示0.5px的方法： 方法一：利用渐变 关于渐变可以看下面两篇文章做深入了解： CSS3 渐变（Gradient ...
分类：
Web程序 时间：
2017-06-23 10:22:27
阅读次数：
165
css3定义了两种类型的渐变，即线性渐变和径向渐变。这里我要说的是线性渐变。 为了创建一个线性渐变，你必须至少定义两种颜色结点。颜色结点即你想要呈现平稳过渡的颜色。同时，你也可以设置一个起点和一个方向（或一个角度）。 语法：background: linear-gradient(direction, ...
分类：
Web程序 时间：
2017-06-12 18:54:10
阅读次数：
227
转载别人的，讲得很详细原文: http://www.w3cplus.com/css3/new-css3-linear-gradient.html © w3cplus.com 再贴几个关于渐变配色的网址 https://uigradients.com/#Frost https://webgradien ...
分类：
Web程序 时间：
2017-05-02 18:19:19
阅读次数：
163
1 2 3 4 5 6 7 8 9 10 11 12 1 div{ 2 width: 300px; 3 height: 200px; 4 border:solid; 5 } 6 #div1{ 7 /*background-image: linear-gradient... ...
分类：
Web程序 时间：
2017-04-30 12:26:37
阅读次数：
167
css3渐变分为线性渐变(linear-gradient)和径向渐变(radial-gradient)。下面简单介绍下linear-gradient的应用。 以下都是在webkit内核浏览器下进行测试，firefox和opera只需更改下前缀即可，IE下则有特定的滤镜来实现。 以上就是基本语法。先看 ...
分类：
Web程序 时间：
2017-01-31 20:56:48
阅读次数：
544
background:-webkit-linear-gradient | radial-gradient (水平起点 垂直起点 , 颜色1 百分比%, 颜色2 百分比%, ... ,颜色N 100%);background:linear-gradient()//线性渐变background:radi... ...
分类：
Web程序 时间：
2017-01-06 00:54:19
阅读次数：
206
CSS3径向渐变-radial-gradient()/repeating-radial-gradient() 径向渐变由它的中心定义。 创建径向渐变，至少定义两种颜色节点，呈现平稳过度的颜色。同时，你也可以指定渐变中心、形状（圆形或椭圆形）、大小。 默认情况下，渐变的中心是center（表示在中心） ...
分类：
Web程序 时间：
2016-11-21 12:27:56
阅读次数：
277
渐变 有了渐变再也不用去切1px的图再重复了.. -webkit- 是浏览器前缀, 表示特定浏览器对一个属性还在实验阶段, 在这里顺便写下各个浏览器的前缀: chrome/ safari -webkit- firefox -moz- IE -ms- opera -o- 为了各个浏览器能够识别, 我们 ...
分类：
Web程序 时间：
2016-10-14 14:39:30
阅读次数：
196
