التصميم

مولد التدرجات CSS

بناء تدرجات CSS بشكل بصري.

التخطيط: مولد CSS Flexbox · العمق: مولد ظل الصندوق CSS.

كيفية الاستخدام

اختر إعدادًا مسبقًا أو أنشئ من الصفر: أضف نقاط توقف لونية، واسحب المواضع، وبدّل بين الخطي/الشعاعي/المخروطي. انسخ CSS أو مقتطف فئة Tailwind.

الأسئلة الشائعة

ما أنواع التدرج المدعومة؟

خطي (بأي زاوية)، وشعاعي (دائرة من المركز)، ومخروطي (عجلة ألوان). يدعم كل نوع عدة نقاط توقف لونية يمكن سحب مواضعها.

كيف أستخدم CSS؟

انسخ سطر background الناتج إلى ورقة الأنماط، أو الصقه في قيمة Tailwind عشوائية مثل bg-[linear-gradient(...)].

هل يمكنني البدء من إعداد مسبق؟

نعم — انقر على أي إعداد من الإعدادات المسبقة البالغ عددها 12 (غروب، محيط، ضوء كاشف شعاعي، قوس قزح مخروطي، وغيرها)، ثم عدّل نقاط التوقف والزوايا.

آخر تحديث: