منتقي تدرجات CSS
اختر من 8 تدرجات جميلة جاهزة أو أنشئ تدرجك الخاص باختيار الألوان والزاوية. احصل على كود CSS فوراً مع معاينة حية.
اضغط إعداداً مسبقاً أو خصّص تدرجك الخاص.
طريقة الاستخدام
- اضغط أي زر تدرج جاهز لتطبيقه فوراً.
- أو اختر ألوانك وزاويتك باستخدام عناصر التحكم أدناه.
- انسخ كود CSS بنقرة واحدة.
الأسئلة الشائعة
ما الفرق بين هذا ومولّد التدرجات؟
منتقي التدرجات يركز على الإعدادات المسبقة المنتقاة بنقرة واحدة، مما يجعل إيجاد تدرج جميل أسرع. مولّد التدرجات يوفر تحكماً أكثر مع 3 ألوان وأنواع تدرج متعددة.
هل يمكن تخصيص الإعدادات المسبقة؟
نعم — اضغط إعداداً مسبقاً لتحميله، ثم اضبط الألوان والزاوية حسب رغبتك. يتحدث CSS مباشرة.
هل هذه التدرجات متوافقة مع المتصفحات؟
نعم — linear-gradient() مدعوم في جميع المتصفحات الحديثة. لا حاجة لبادئات المورّد للمتصفحات الحديثة.
هل يمكن استخدامها في Tailwind CSS؟
نعم — الصق قيمة CSS في قيمة Tailwind التعسفية: bg-[linear-gradient(135deg,#6366f1,#ec4899)]. أو أضفها مباشرة إلى ملف CSS.