针对不同浏览器，背景渐变的兼容问问题！ background: -ms-linear-gradient(top, #fff, #0000ff); /* IE 10 */ background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8);/*火狐*/ backg ...
分类：
Web程序 时间：
2017-12-28 11:59:03
阅读次数：
273
CreateTime--2017年12月26日11:09:14 Author:Marydon ie滤镜特效之Gradient 作用： 用于设置渐变背景色 使用条件： IE8及以下版本不支持属性background-image的属性值linear-gradient()，可以使用Gradient来代替 ...
分类：
Web程序 时间：
2017-12-26 14:30:58
阅读次数：
269
特别注意：里面的RGB颜色值必须要全写，不能使用缩写。左右：background: -webkit-gradient(linear, 0 0, 0 100%, from(#80c1e7), to(#213c7c)); background: -webkit-linear-gradient(left,... ...
分类：
Web程序 时间：
2017-12-26 12:03:44
阅读次数：
200
/* 默认从上至下渐变*/ background: linear-gradient(red,blue); /* 从左到右渐变*/ background: linear-gradient(to right,red,blue); /* 从左上角到右下角渐变*/ background: linear-gr ...
分类：
其他好文 时间：
2017-12-01 19:38:39
阅读次数：
198
方向： top、left、right、tottom，并在使用是前面添加 to； 如： linear-gradient(to left,red,yellow); linear-gradient(to left bottom,red,yellow); 角度： 0-360单位deg，0deg对应top、9 ...
分类：
其他好文 时间：
2017-11-29 10:20:39
阅读次数：
99
一、渐变 渐变是CSS3当中比较丰富多彩的一个特性，通过渐变我们可以实现许多炫丽的效果，有效的减少图片的使用数量，并且具有很强的适应性和可扩展性。 可分为线性渐变、径向渐变 1、 线性渐变 （gradient 变化） linear-gradient线性渐变指沿着某条直线朝一个方向产生渐变效果。 2、 ...
分类：
Web程序 时间：
2017-11-28 01:27:07
阅读次数：
230
一、作为图片存在的CSS3 gradient渐变 我觉得CSS3 Backgrounds比较厉害的一个地方就是支持多背景，也就是背景图片个数可以无限累加，正好CSS3的gradient渐变性质是background-image，于是，我们可以实现任意数量渐变背景图的叠加效果。甚至，理论上，任意彩色j ...
分类：
Web程序 时间：
2017-11-22 21:57:03
阅读次数：
341
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> h1{ background: -webkit-linear-gradient(top,dodgerblue,whi ...
分类：
其他好文 时间：
2017-11-12 16:25:26
阅读次数：
1258
1、向中间：background: -webkit-radial-gradient(50% 6%, circle farthest-side, #CAD06C 0, #297141100%); 2、向下：background: linear-gradient(to bottom, #0084c9 0 ...
分类：
Web程序 时间：
2017-11-10 10:56:18
阅读次数：
140
.but1{ padding: 10px 20px; font-size: 16px; text-shadow: 2px 2px 3px rgba(0,0,0,0.8); border-radius: 20px; background: linear-gradient(to left,orange, ...
分类：
Web程序 时间：
2017-11-07 22:07:50
阅读次数：
185
