渐变色块选择器
本工具集成了一些可视化的CSS线性渐变实例,直观的颜色渐变区供你使用,只需点击色块下方代码即可复制CSS值。
基本语法:background-image:linear-gradient(渐变角度, 颜色值1, 颜色值2, 颜色值N);
CSS 线性渐变 : linear-gradient 使用
渐变角度:默认为to bottom,即从上向下的渐变;
颜色值:可以使用HTML色代码例如:#1574A8,也可以使用RGB色例如:rgb(20,51,128),默认均匀分布,例如有3个颜色,各个颜色的值均为33.33%。
渐变角度,方向参数:
to top -> 0deg // 从下到上
to right -> 90deg
to bottom -> 180deg
to left -> -90deg(或270deg)
to top left -> -45deg(或315deg) // 从右下角到左上角
to top right -> 45deg
to bottom left -> -135deg(或225deg) // 从右上角到左下角
to bottom right -> 135deg