تولید کننده گرادیان
گرادیان‌های CSS را به صورت بصری ایجاد و پیش‌نمایش کنید.
تنظیمات گرادیان
نوع و جهت گرادیان را تنظیم کنید
ایستگاه‌های رنگی
رنگ‌ها و موقعیت‌های گرادیان را تنظیم کنید
%
%
از پیش تعیین شده‌ها
گرادیان‌های از پیش تعریف شده را امتحان کنید
پیش‌نمایش
گرادیان تولید شده را مشاهده کنید
CSS تولید شده
background: linear-gradient(90deg, #ff0000 0%, #0000ff 100%);توضیحات نوع گرادیان
گرادیان خطی
گرادیانی که رنگ آن در یک جهت خط مستقیم تغییر می‌کند. می‌توانید زاویه را برای تنظیم جهت تنظیم کنید.
گرادیان شعاعی
گرادیانی که رنگ آن از یک نقطه مرکزی به بیرون در یک شکل دایره‌ای یا بیضوی تغییر می‌کند.
گرادیان مخروطی
یک گرادیان مخروطی که رنگ آن در حین چرخش حول یک نقطه مرکزی تغییر می‌کند.