【CSS属性】渐变色
2022/03/08 22:50:04
渐变色函数的结果属于
<gradient>数据类型，是一种特别的<image>数据类型，所以渐变色只能被用于<image>可以使用的地方
linear-gradient() 线性渐变
语法
linear-gradient( <angle> | <side-or-corner>, <color-stop-list>, ?<color-hint> )
<angle>
用角度值指定渐变的方向（或角度）。角度顺时针增加。
<side-or-corner>
描述渐变线的方向，默认方向为自上之下。它包含 to 和两个关键词：第一个指出水平位置 left or right，第二个指出垂直位置 top or bottom。关键词的先后顺序无影响，且都是可选的。to top, to bottom, to left 和 to right 这些值会被转换成角度 0 度、180 度、270 度和 90 度。其余值会被转换为一个以向顶部中央方向为起点顺时针旋转的角度。
<color-stop-list>
包括一个颜色值及可选的终点位置（从何时开始渐变）
颜色值 颜色值支持 16 进制颜色、颜色关键字（red）、
rgb()、rgba()、transparent终点位置 定义当前色值从渐变轴的何处开始渐变，可以是一个百分比值或**
<length>**，
<color-hint>
定义在相邻颜色之间的渐变如何进行