گرادیانت تغییر تدریجی رنگ بین دو یا چند رنگ است که در CSS با تابع linear-gradient ساخته می‌شود و به‌عنوان پس‌زمینه عناصر به کار می‌رود.

کد تولیدشده (background: linear-gradient(...)) را کپی و داخل استایل CSS عنصر موردنظر قرار دهید؛ در همه مرورگرهای مدرن پشتیبانی می‌شود.

جهت مشخص می‌کند رنگ‌ها از کدام سمت به کدام سمت تغییر کنند؛ مثلاً to right افقی و to bottom عمودی. جهت مورب معمولاً ظاهر پویاتری می‌سازد.

رنگ‌های نزدیک به هم روی چرخه رنگ (مثل آبی و بنفش) گرادیانت نرم و حرفه‌ای می‌سازند. با دکمه رنگ تصادفی می‌توانید ترکیب‌های متنوع را سریع امتحان کنید.