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屬性還有更多的用法和選項,可以根據具體需求進行調整。