渐变生成器及颜色取值方式

一、渐变生成器（自己敲一下，效果就一目了然了）

1、线性渐变——linear-gradient()

常见的写法

linear-gradient(#fff, #333);
linear-gradient(to bottom, #fff, #333);
linear-gradient(to top, #333, #fff);
linear-gradient(180deg, #fff, #333);
linear-gradient(to bottom, #fff 0%, #333 100%);

2、径向渐变——radial-gradient()

常见写法

radial-gradient(circle, #f00, #ff0, #080);
radial-gradient(circle at center, #f00, #ff0, #080);
radial-gradient(circle at 50%, #f00, #ff0, #080);
radial-gradient(circle farthest-corner, #f00, #ff0, #080);

ellipse     椭圆
circle     圆
closest-corner     最近的角落
closest-side     最近的边
farthest-corner     最远的角落
farthest-side      最远的边

二、ColorName、HEX、RGB

具体颜色名称查阅此链接

三、RGBA

rgba记法，在rgb的基础上添加一个透明度（0-1）的值，例如：rgba( 128, 0, 0, 0.3)

四、HSL(色调，颜色饱和度，亮度)

色调——0(或360)表示红色，120表示绿色，240表示蓝色，也可取其他数值来指定颜色。取值为：0 - 360
饱和度——取值为：0.0% - 100.0%
亮度——取值为：0.0% - 100.0%

五、HSLA(色调，颜色饱和度，亮度，透明度)

色调——0(或360)表示红色，120表示绿色，240表示蓝色，也可取其他数值来指定颜色。取值为：0 - 360
饱和度——取值为：0.0% - 100.0%
亮度——取值为：0.0% - 100.0%
透明度——取值0 - 1之间。

六、transparent 全透明

渐变生成器及颜色取值方式相关推荐

python几种数据类型的取值方式
今天我们主要来学习下python的几种数据类型的取值方式! 首先我们先来看下python的几种数据类型,python有五个标准的数据类型: number(数字) string(字符串) list(列表 ...
8、SpringBoot+Mybatis整合------参数取值方式
前言: 我们知道,在mybatis中,参数取值方式有两种: #{ } 和 ${ } 下面,我们来探讨下#{ }与${ }不同. 一.#{ } 例: select * from student wher ...
Java 中Map四种取值方式
map的主要作用是什么? 可以通过创建一个map的实现类来存放数据值和值的描述也可以通过描述去取得数据将键映射到值的对象.一个映射不能包含重复的键:每个键最多只能映射到一个值.此接口取代 ...
Java 中Map五种取值方式
map的主要作用是什么? 可以通过创建一个map的实现类来存放数据值和值的描述也可以通过描述去取得数据将键映射到值的对象.一个映射不能包含重复的键:每个键最多只能映射到一个值.此接 ...
jsp中取值方式--${param.name }
之前在前台页面中的取参数一般是通过request.getParameter("name"); 来获取参数值,其实还有一个比较简单的方式,如下代码: <input name=& ...
XML篇---可配置化的取值方式[便于维护]
1.根据XML的架构图,用xsd生成相应于的cs文件命令为:xsd /c CooperationChannels.xsd 以下是CMD的结果图 C:\Microsoft Visual Studio ...
Ext GrdPanel多种取值方式
一.单选行取值 1.在Store中设置ReaderID <ext:Store runat="server" ID="SQry" AutoLoad=&quo ...
Map的取值方式详解
在Map集合中,有如下定义: values():方法是获取集合中的所有的值----没有键,没有对应关系, KeySet():将Map中所有的键存入到set集合中 ...
Map的取值方式介绍
在Map集合中,有如下定义: values():方法是获取集合中的所有的值----没有键,没有对应关系, KeySet():将Map中所有的键存入到set集合中 ...

渐变生成器及颜色取值方式

一、渐变生成器（自己敲一下，效果就一目了然了）

1、线性渐变——linear-gradient()

2、径向渐变——radial-gradient()

二、ColorName、HEX、RGB

三、RGBA

四、HSL(色调，颜色饱和度，亮度)

五、HSLA(色调，颜色饱和度，亮度，透明度)

六、transparent 全透明

渐变生成器及颜色取值方式相关推荐

最新文章

热门文章