linear在HTML的作用,CSS3里的linear-gradient()函数

linear-gradient() 函数用于创建一个线性渐变的 "图像"。

为了创建一个线性渐变，你需要设置一个起始点和一个方向(指定为一个角度)的渐变效果。你还要定义终止色。终止色就是你想让Gecko去平滑的过渡，并且你必须指定至少两种，当然也会可以指定更多的颜色去创建更复杂的渐变效果。

语法：background-image: linear-gradient(direction, color-stop1, color-stop2, ...);值描述

direction用角度值指定渐变的方向(或角度)。

color-stop1, color-stop2,...用于指定渐变的起止颜色。

DEMO：html>

CSS3里的linear-gradient()函数

#grad1 {

height: 200px;

background-color: red; /* 不支持线性的时候显示 */

background-image: linear-gradient(to right, red , yellow);

}

线性渐变 - 从左到右

从左边开始的线性渐变。起点是红色，慢慢过渡到黄色：

注意： Internet Explorer 8 及之前的版本不支持渐变。

预览看下吧。

linear在HTML的作用,CSS3里的linear-gradient()函数相关推荐

css3 slide动画,css3动画+ slidetoggle不起作用(css3 animation + slidetoggle don't work)
css3动画+ slidetoggle不起作用(css3 animation + slidetoggle don't work) 飞机动画块(他从一边到另一边飞行 - 永远). 可以使用jquery折 ...
分享CSS3里box-shadow属性的使用方法，包括内阴影box-shadow：inset
CSS里面的属性很多,有些属性长时间不用,就容易忘,尤其是那种需要设置多个值的属性.比如:box-shadow,每次使用CSS3里的box-shadow,都记不清box-shadow怎么使用,都要查阅 ...
keil中断函数的写法_在 KeilC里,中断子程序与函数有何不同?( )_学小易找答案
[单选题]8051单片机共有( )个中断优先级 [单选题]对定时器 0 进行关中断操作,需要复位中断允许控制寄存器的: ( ) [多选题]真理向谬误转化的原因,主要在于( ) [多选题]"批 ...
python装饰器原理wraps(method)(self)_python装饰器中@wraps作用--修复被装饰后的函数名等属性的改变...
Python装饰器(decorator)在实现的时候,被装饰后的函数其实已经是另外一个函数了(函数名等函数属性会发生改变),为了不影响,Python的functools包中提供了一个叫wraps的de ...
PHP lareal_怎么样能在mysql里结合php的函数
数据库里的经纬度想和当前定位地点的经纬度进行计算,差值最小的数据排在前面,也就是按距离排序,这个函数已经有了,就是不知道怎么结合mysql查询 /** * 计算两个坐标之间的距离(米) * @para ...
计算机计算用函数平均分,excel表格中数据怎样算均分-excel里如何使用IF函数挑出数值算平均分啊...
excel表格中怎样计算某组数据的平均值? 你使用EXCEL电子计算 A B C D E F 第一行输入法: 姓名语文数学化学在入公式如下 =AVERAGE(C2:E2) 然后向下复制就可以完 ...
C语言标准库里的获取时间函数及时间格式转换详解
C语言标准库里的获取时间函数及时间格式转换详解头文件: #include <time.h> 相关库函数(截图摘自:https://www.runoob.com/cprogramming/ ...
ERP系统里的BOM展开函数
ERP系统里的BOM展开函数: l_grp_id NUMBER ; l_session_id ...
oracle向前推一个小时,oracle SQL里常用的时间函数,经典推荐
oracle SQL里常用的时间函数,经典推荐 (2009-03-11 23:16:54) 标签: 杂谈常用日期型函数 1.Sysdate 当前日期和时间 SQL> Select sysdat ...

linear在HTML的作用,CSS3里的linear-gradient()函数

线性渐变 - 从左到右

linear在HTML的作用,CSS3里的linear-gradient()函数相关推荐

最新文章

热门文章