在css3之前要想做背景色渐变就只能采用添加背景图片的方法,但是随着css3:linear-gradient属性的出现,就可以避免使用添加背景图片的方法,从而优化了性能。但是inear-gradient属性在ie9以下是无效的,但是可以采用ie滤镜的方法。 比如:黑色渐变到白色,代码如下: ie 滤 ...
分类:
Web程序 时间:
2016-10-11 11:52:30
阅读次数:
308
我越来越感觉到技术人员在公司根本没有那么重要,已经跟民工差不多了。不管是底层开发人员,还是项目经理,还是架构师等等这一类的职位,也不过是临时需要而已。所以我在找工作的时候,也遇到好多外包公司,其实很搞笑,我本来就是冲着这一类公司的去的,我满心以为,至少应该有的一个价,却并没有达到,于是我不得不放弃,... ...
分类:
Web程序 时间:
2016-09-21 22:55:55
阅读次数:
202
第 22章 CSS3渐变效果学习要点:1.线性渐变2.径向渐变 本章主要探讨 HTML5中 CSS3背景渐变功能,主要有两种渐变方式:线性渐变和径向(放射性)渐变。 一.线性渐变 CSS3提供了linear-gradient属性实现背景颜色的渐变功能。在以前,这种效果必须采用图片才能实现的。首先,我 ...
分类:
Web程序 时间:
2016-09-09 20:51:12
阅读次数:
190
一.线性渐变linear-gradient 1.使用方法: 二.径向渐变radial-gradient 1.使用方法: 三.兼容问题 ...
分类:
Web程序 时间:
2016-08-19 15:09:56
阅读次数:
178
CSS3 渐变 CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前,你必须使用图像来实现这些效果。但是,通过使用 CSS3 渐变(gradients),你可以减少下载的事件和宽带的使用。此外,渐变效果的元素在放大时看起来效果更好,因为渐变(gradient) ...
分类:
Web程序 时间:
2016-08-19 15:06:01
阅读次数:
245
渐变色彩 线性渐变(linear): 径向渐变(radial): background-image:linear-gradient(to left, red 30%,blue); 背景图片 background-image : none | url ( url ); body { backgroun ...
分类:
Web程序 时间:
2016-08-15 13:07:03
阅读次数:
197
在应用 CSS3 渐变/动画时,有个控制时间的属性 <animation-timing-function> 。它的取值中除了常用到的 贝萨尔曲线以外,还有个让人比较困惑的 steps() 函数。 teps(n,start/end) 第一个参数 number 为指定的间隔数,即把动画分为 n 步阶段性 ...
分类:
其他好文 时间:
2016-08-10 22:38:19
阅读次数:
215
1、Firefox中的线性渐变 2、Webkit中的线性变化 3、Firefox中的放射渐变 其中shape使用一个关键字常量值,可以是circle或ellipse(默认值) 渐变开始点以及结束点,半径距离: inner-center与outer-center inner-radius与outer- ...
分类:
Web程序 时间:
2016-05-29 14:58:30
阅读次数:
201
学习要点: 1.线性渐变 2.径向渐变 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS3 背景渐变功能,主要有两种渐变方式:线性渐变和径向(放射性)渐变。 一.线性渐变 CSS3 提供了 linear-gradient 属性实现背景颜色的渐变功能。在以前,这种效果必须采用图片才能实现的。首先 ...
分类:
Web程序 时间:
2016-05-01 11:02:35
阅读次数:
297
CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)。由于不同的渲染引擎实现渐变的语法不同,这里我们只针对线性渐变的 W3C 标准语法来分析其用法,其余大家可以查阅相关资料。W3C 语法已经得到了 IE10+、Firefox19.0+、Chrome26.0+ 和 Ope ...
分类:
Web程序 时间:
2016-04-06 13:22:44
阅读次数:
134