CSS的linear-gradient属性用于创建一个线性渐变效果。它可以通过指定起始点和结束点的颜色和位置来定义渐变。
使用linear-gradient属性的基本语法为:
background: linear-gradient(direction, color-stop1, color-stop2, ...);
其中,direction指定渐变的方向,可以是角度或关键字之一(如to top、to bottom、to left、to right等)。color-stop1、color-stop2等参数指定渐变中停止的颜色和位置。
以下是一些示例:
background: linear-gradient(to bottom, #ff0000, #0000ff);
background: linear-gradient(45deg, #ff0000, #0000ff);
background: linear-gradient(to right, #ff0000 0%, #00ff00 50%, #0000ff 100%);
background: linear-gradient(135deg, #ff0000, #0000ff);
这些只是一些示例,linear-gradient属性还有更多的用法和选项,可以根据具体需求进行调整。