مولد التدرجات CSS
اختر اثنان ألوان، اختر الاتجاه، وحصل على الكود CSS فلحظة.
اختر الألوان
اختر الاتجاه
كود CSS
background: linear-gradient(to right, #051937, #A8EB12);
مولد التدرجات CSS مجاني
صمم تدرجات CSS رائعة فثواني. اختر بين التدرج الخطي أو الدائري، حدد ألوانك وانسخ كود CSS جاهز للاستعمال.
لماذا تستعمل مولد التدرجات لنا؟
- 100% مجاني، دون تسجيل أو حساب
- يعمل كامل في المتصفح لك، ما يتسيفط والو
- يدعم اتجاهات خطية ودائرية
- نسخ بنقرة واحدة كود CSS جاهز
كيف تستعمل
- اختر اللون الأول بالمختار الألوان أو تب كود hex
- اختر اللون الثاني بنفس الطريقة
- اختر اتجاه التدرج (خطي أو دائري)
- انسخ كود CSS الذي تولد ولصقو في الستايل لك
أسئلة شائعة
ما هو تدرج CSS؟
تدرج CSS هو انتقال سلس بين اثنان ألوان أو أكثر، يتصنع باستعمال خاصية CSS background. يستطيع يكون خطي (يتبع خط مستقيم) أو دائري (ينطلق من نقطة مركزية).
هل أستطيع نستعمل CSS الذي تولد فأي مشروع؟
نعم. الكود التي يتولد هو CSS قياسي يدعموه جميع المتصفحات الحديثة. غير انسخو ولصقو في الستايل لك.
هل البيانات ي تتخزن أو تتسيفط لشي مكان؟
لا. كل شيء يعمل كامل في المتصفح لك. حتى بيانات ما تتسيفط لأي سيرفر.
ما هي اتجاهات التدرج المتاحة؟
تستطيع تختار من 8 اتجاهات خطية (فوق، تحت، يسار، يمين والأقطار) زائد تدرج دائري.