background: -ms-linear-gradient(left,#daa23e,#ad7f27);下面是css3中颜色渐变对各个浏览器的写法：background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */ bac ...
分类：
其他好文 时间：
2018-06-12 11:26:41
阅读次数：
1398
关于背景 一. 渐变&径向渐变(background-image: -webkit-linear-gradient() && background-image: -webkit-radial-gradient()) 二. 渐变&径向渐变() <!DOCTYPE html> <html lang="e ...
分类：
Web程序 时间：
2018-05-25 00:29:48
阅读次数：
232
类似效果图： ie 滤镜：filter filter 是 ie 的私有属性，linear-gradient 在 ie9 以下是不支持的，所以对于 ie6 - ie8 我们可以使用滤镜来解决 其中各个参数的含义如下： opacity表示透明度，默认的范围是从0 到 100，他们其实是百分比的形式。也就 ...
分类：
Web程序 时间：
2018-05-21 14:48:42
阅读次数：
185
一、CSS3定义两个类型的渐变。 1、线性渐变(Linear Gradients)-向下、向上、向左、向右、对角方向渐变。 2、径向渐变(Radial Gradients)-由中心向外渐变。 语法： background-color:linear-gradient(方向, color1, color ...
分类：
Web程序 时间：
2018-05-17 23:24:16
阅读次数：
277
感谢 LeaVerou 大神，让我们可以提前使用上这么美妙的属性。 conic-gradient 是个什么？说到 conic-gradient ，就不得不提的它的另外两个兄弟： linear-gradient : 线性渐变 radial-gradient : 径向渐变 说这两个应该还是有很多人了解并 ...
分类：
其他好文 时间：
2018-05-16 15:36:15
阅读次数：
141
京东商城特效 <strong style="background-image: -webkit-linear-gradient(left, rgb(255, 42, 42), rgb(241, 57, 210)); background-clip: text; -webkit-text-fill-c ...
分类：
其他好文 时间：
2018-05-16 12:51:58
阅读次数：
135
我之前遇到过一个情况，字体颜色渐变的效果其中一种代码会影响到js重新赋值该div的的值重读或者混乱的情况： style样式： .normal{ background: -webkit-linear-gradient(top, #b5339d, #e8096f); -webkit-background ...
分类：
Web程序 时间：
2018-05-11 20:38:40
阅读次数：
221
Selectivizr 让IE 6-8一些的css3选择器 ieBetter 让ie6-8有高级浏览器的特性 ExplorerCanvas 让IE8-的浏览器支持canvas CSS3 Pie 让IE6-9支持border-radious,box-shadow,linear-gradient。 可以 ...
分类：
其他好文 时间：
2018-05-03 15:21:26
阅读次数：
204
input原来的样式就不在此赘述了： 下面看一下实际项目中用到的input输入框，同步绑定输入数据，实现输入框双向绑定（实际项目中使用的是vue框架）： html部分： 样式优化： 另：补充linear-gradient()用法示例 css部分： html部分： 输出结果： ...
分类：
其他好文 时间：
2018-04-26 12:06:42
阅读次数：
219
渐变用的不多，但是当用好了之后，总能给人带来耳目一新的效果，就拿这样的一个例子来说（图如下）， 首先注意到个人介绍这一块是处在两个不同背景颜色的区域之间的（蓝线分隔开的上下两部分），然后就是个人介绍外边包裹了一个断开的border，头痛无奈，为什么是断开的呢，那我的border应该怎么使用呢，既然b ...
分类：
Web程序 时间：
2018-03-31 10:58:07
阅读次数：
813
