渐变类型
角度 · 90°
颜色
CSS 代码
从配色库取色
点一下就用该配色的主色与强调色生成渐变
渐变 CSS 是怎么写的
linear-gradient(角度, 颜色1, 颜色2) 沿指定角度从颜色 1 过渡到颜色 2;radial-gradient(shape at center, …) 从中心向外扩散。两种写法都是 background 属性的值,不是单独的属性。
角度以正上方为 0deg、顺时针增长:180deg 是从上到下,90deg 是从左到右。想更细腻可以给颜色加百分比断点,如 #1f5f5b 20%。
渐变的两端颜色对比度太低时文字会看不清,拿不定主意就用对比度检查器量一下。