Linear Gradient یا شیب رنگ خطی در CSS3

Wiki

برای ایجاد شیب رنگ خطی، حداقل باید دو رنگ تعریف کنید.

مثال:

Linear gradient

نحوه استفاده:

background: linear-gradient(direction, color-stop1, color-stop2, ...);

direction: جهت شروع شیب رنگ را مشخص می کند، که یکی از چهار مقدار top, bottom, right و left را می پذیرد. مقدار top مقدار پیشفرض است.

color-stop: رنگ هایی هستند که می خواهید در طول Gradient استفاده شوند و می توانند بی نهایت باشند و بایستی هر رنگ را با (,) از رنگ بعدی جدا کرد.