أفضل مجاني مولد تدرجات CSS
بناء خطي وشعاعي CSS تدرجات مع مسبقة حية - نسخة من شفرة الخلفية.
مجاني 100 في المائة
لا يوجد
لا يوجد علامة مائية
الملفات المجهزة في الذاكرة، ولم تخزن أبدا
✨
Go Pro لأفضل نماذج الذكاء الاصطناعي - الصورة، والفيديو والدردشة - بالإضافة إلى تحميل أكبر، الأولوية في الصف ودون انتظار.
ترقية إلى Pro
الحب best.free? شاركها
كيف يعمل
- اختار نوعاً. اختار خطي أو شعاعي، وحدد الزاوية للدرجات الخطية.
- اختار الألوان والتوقفات. حدد لونين أو أكثر ومواقفهم؛ أضف نقطة توقف ثالثة في الخيارات المتقدمة.
- نسخة من CSS. اضغط على نسخ CSS ولصق التدرج الخلفي في ورقة أسلوبك.
عن هذه الأداة
بنّي تدرج CSS بالعين بدلاً من تحرير القيم عمياء. التحول بين خطي وشعاعي ، سحب الزاوية للدرج الخطي ، واختار الألوان والمواقع على الأقل لتوقفين بينما شريط العرض المسبق بعرض كامل يحدث مباشرة. نسخ الخصائص الخلفية الناتجة مباشرة في ورقة أسلوبك. الخيارات المتقدمة تضاف توقف لون ثالث للخلط الأكثر ثراءً وتسمح لك باختيار شكل دائرة أو شكل إهليلجي للتدرج الشعاعي. كل ذلك يعمل في متصفحك.
ما الذي يستخدمه الناس
- تصميم بطل أو القسم خلفية تدرج
- إنشاء زر أو بطاقة ملء تدرج
- مزج اثنين أو ثلاثة ألوان العلامة التجارية بسلاسة
- توليد تأثير ضوئي أو صوري شعاعي
الأسئلة المتكررة
يختلط التدرج الخطي على طول خط مستقيم في الزاوية التي تختارها؛ ويختلط التدرج الشعاعي خارجا من نقطة مركزية كدائرة أو إهليلجية.
وبالنسبة للتدرج الخطي، تحدد الزاوية اتجاه المزيج - ٠ درجة من أسفل إلى أعلى، و ٩٠ درجة من اليسار إلى اليمين، وهكذا دواليك.
كل نقطة هي لون يوضع في نسبة مئوية على طول التدرج. وتحريك نقطة يغير مكان ذلك اللون ومدى حدة المزج.
نعم. افتح الخيارات المتقدمة لإضافة نقطة لون ثالثة، توضع بين الأول والأخير لخلط متعدد الألوان.
لا. الألوان وعلامات التوقف تتحول إلى سلسلة CSS محلياً في متصفحك.
مجاني تماما، لا حساب ولا حدود - أداة جانب العميل مع لا شيء لقياس.
نعم، يجري في متصفحك، لذلك CSS Gradient Generator يعمل على الهواتف واللوحات بالإضافة إلى سطح المكتب - لا يوجد تطبيق لتثبيت.
عادةً ما يستغرق الأمر بضعة ثوانٍ فقط لملف نموذجي - يبدأ مولد CSS Gradient Generator العمل في اللحظة التي تعطيه فيها مدخلاتك.
الاستخدام العرضي غير محدود، تحت سقف سخي للاستخدام العادل يجعله سريعاً للجميع.
جميع المتصفحات الحديثة - كروم، سافاري، فايرفوكس وإدج. لا يحتاج مولد CSS Gradient Generator إلى أي شيء من أجل تثبيته بخلاف المتصفح الذي تستخدمه بالفعل.