CSS linear-gradient()函数
-
定义和用法
linear-gradient()函数将线性渐变设置为背景图像。要创建线性渐变,您必须至少定义两个色标。颜色停止是您想要渲染平滑过渡的颜色。您还可以设置起点和方向(或角度)以及渐变效果。特征 说明 CSS版本 CSS3 -
浏览器支持
表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-, -webkit-,-moz-或-o-指定使用前缀的第一个版本。函数 IE/Edge Chrome FireFox Safari Opera 函数名称 linear-gradient() 10.026.010.0 -webkit-16.03.6 -moz-6.15.1 -webkit-12.111.1 -o- -
CSS语法
background-image: linear-gradient(direction, color-stop1, color-stop2, ...);
值 描述 direction 定义起点和方向(或角度)以及渐变效果。 color-stop1, color-stop2,... 颜色停止是您想要渲染平滑过渡的颜色。 该值由颜色值,后跟可选的停止位置(0%和100%之间的百分比或沿梯度轴的长度)组成。 -