Linear Gradient یا شیب رنگ خطی در CSS3
برای ایجاد شیب رنگ خطی، حداقل باید دو رنگ تعریف کنید.
مثال:

نحوه استفاده:
background: linear-gradient(direction, color-stop1, color-stop2, ...);
direction: جهت شروع شیب رنگ را مشخص می کند، که یکی از چهار مقدار top, bottom, right و left را می پذیرد. مقدار top مقدار پیشفرض است.
color-stop: رنگ هایی هستند که می خواهید در طول Gradient استفاده شوند و می توانند بی نهایت باشند و بایستی هر رنگ را با (,) از رنگ بعدی جدا کرد.




