CSS3 linear-gradien用法详解_下载我资源网
资源下载 - 从此开始!

下载我_精品源码软件教程资源网

您的位置:首页 > 网络学院 > 正文

CSS3 linear-gradien用法详解

2018-04-28 16:13 来源:www.xiazaiwo.net 编辑:admin

作用:线性渐变,在CSS样式中,渐变相当于背景图片,在理论上可在任何使用url() 值的地方采用,比如最常见的background-image、list-style-type以及前面介绍的CSS3的图像边框属性border-image。但直到目前为止,仅在背景图片中得到最完美的支持。


W3C标准线性渐变属性参数

W3C标准线性渐性语法包括三个主要属性参数:第一个参数指定了渐变的方向,同时决定了渐变颜色的停止位置。第一个参数值可以省略,当省略不写的时候其取值为“to bottom”表示颜色从上到下渐变。在决定渐变的方向主要有两种方法:
1、<angle>:通过角度来确定渐变的方向,单位deg。
0deg表示渐变方向从下往上,90deg表示渐变方向从左往右
(xx deg表示以y轴下半轴为渐变方向起始点,原点为固定点,旋转xx度,再以原点为渐变终点方向,生成渐变。如果取值为正值,其角度按顺时针方向旋转,若为负值,则为逆时针旋转。)
2、关键词:
to top:0deg
to right:90deg/-270deg
to bottom:180deg/-180deg
to left:270deg/-90deg
除了使用上面4个关键词之外,还可以使用“top left”左上角到右下角、“top right”左上角到右下角等。

打赏一下,我们会为大家提供更多优质资源!

相关文章,95%的人会看!{有内幕、有真相...}

看过本文的人还看过

关闭

微信扫一扫

站长微信账号