عن هذه الأداة
ما هو CSS Gradient Generator؟
ابنِ تدرجات CSS مع معاينة مباشرة. اختر النوع (خطي، دائري، مخروطي)، وأضف عدداً غير محدود من نقاط الألوان، واضبط الزاوية (أو الموضع للتدرج الدائري)، ثم انسخ كود CSS المُولَّد. يدعم الناتج جميع المتصفحات الحديثة، وللمتصفحات القديمة نُدرج بدائل بادئات الموردين.
يستخدم المصممون هذه الأداة لخلفيات الواجهات الرئيسية، وأنماط الأزرار، واستكشاف الأجواء البصرية للعلامات التجارية. يمكن التصدير بصيغة CSS أو فئات Tailwind أو SVG.
الأسئلة الشائعة · CSS GRADIENT GENERATOR
الأسئلة الشائعة حول CSS Gradient Generator
ما أنواع التدرجات المدعومة؟
الخطية (الأكثر شيوعًا، وتعتمد على الزاوية)، والدائرية (دائرية أو بيضاوية، ويمكن تحديد موضعها)، والمخروطية (الأحدث بين الأنواع، إذ تنشر الألوان حول نقطة مركزية، وتصلح تمامًا للتصاميم الشبيهة بالمخطط الدائري). كل ذلك يُخرَج بصيغة CSS قياسية.
هل يمكنني التصدير بصيغة Tailwind؟
نعم، فإلى جانب كود CSS الخام، يُخرج المولّد فئات Tailwind الجاهزة (مثل `bg-gradient-to-br from-blue-500 via-purple-500 to-pink-500`) عندما تتطابق نقاط الألوان مع لوحة Tailwind المسماة.
هل هو مجاني؟
نعم، دون الحاجة إلى تسجيل، ويعمل داخل المتصفح.