ولّد كود تدرج لوني CSS مع معاينة حية فورية
تولّد هذه الأداة كود CSS جاهزًا لتدرج لوني (Gradient) خطي أو دائري، مع تحكم في زاوية التدرج ولونيه، ومعاينة حية للنتيجة قبل نسخ الكود.
الكود الناتج جاهز للصقه مباشرة في خاصية background داخل ملف CSS الخاص بك.
يُبنى كود التدرج وتُعرَض معاينته بالكامل داخل المتصفح فور تغيير أي إعداد، دون إرسال أي بيانات لخادم خارجي.
تتحدّث المعاينة وكود CSS فورًا مع كل تعديل على النوع أو الزاوية أو اللون.
لا حاجة إلى إنشاء حساب أو تثبيت أي برنامج، الأداة جاهزة للاستخدام الفوري.
تتيح الأداة نوعين: تدرج خطي (linear-gradient) وتدرج دائري (radial-gradient).
نعم، يظهر شريط تمرير خاص بالزاوية من 0 إلى 360 درجة عند اختيار النوع الخطي.
تتيح الواجهة الحالية اختيار لونين فقط لبناء التدرج.
لا، يُبنى الكود بالكامل داخل متصفحك ولا تُرسَل أي بيانات لخادم خارجي.
يُنسخ كود CSS الناتج بالضغط على زر «نسخ كود CSS»، ثم يُلصَق داخل خاصية background لأي عنصر في ملف CSS الخاص بك.