ساخت گرادیان CSS

گرادیان خطی یا شعاعی با چند رنگ بسازید و کد CSS آن را کپی کنید.

0%
100%
background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);

ابزار ساخت گرادیان CSS ترکیب رنگ‌های محو و زیبا برای پس‌زمینه می‌سازد و کد آماده می‌دهد. بدون کدنویسی، گرادیان دلخواهتان را بسازید.

نوع گرادیان (خطی یا شعاعی)، رنگ‌ها و زاویه را انتخاب کنید تا پیش‌نمایش زنده ببینید و کد CSS آماده را کپی کنید.

گرادیان‌ها به طراحی عمق و جذابیت می‌دهند و در پس‌زمینه، دکمه و کارت‌ها پرکاربردند؛ این ابزار همه‌ی تنظیمات را به یک خط کد تبدیل می‌کند.

طراحان وب و توسعه‌دهندگان فرانت‌اند از آن استفاده می‌کنند. برای شروع سریع از پیش‌تنظیم‌های گرادیان CSS و برای گرادیان روی متن از ساخت متن گرادیانی کمک بگیرید.

سوالات متداول

تفاوت گرادیان خطی و شعاعی چیست؟

گرادیان خطی رنگ‌ها را در یک راستا محو می‌کند، اما گرادیان شعاعی از یک نقطه‌ی مرکزی به بیرون پخش می‌شود.

چند رنگ در یک گرادیان می‌توانم استفاده کنم؟

می‌توانید چند رنگ به گرادیان اضافه کنید، اما برای نتیجه‌ی تمیز معمولاً دو تا سه رنگ کافی است.

کد گرادیان را کجا بگذارم؟

کد را به‌صورت مقدار ویژگی background در استایل عنصر موردنظر قرار دهید.