منشئ تدرجات CSS
أنشئ تدرجات CSS خطية وشعاعية رائعة مع معاينة مباشرة. أضف ما يصل إلى 5 نقاط لون وانسخ كود CSS الجاهز للاستخدام فوراً.
إعلان
الزاوية deg
نقاط الألوان
%
%
إعلان
الأسئلة الشائعة
ما هو تدرج CSS؟
تدرج CSS هو نوع من الصور ينتقل بسلاسة بين لونين أو أكثر. يتم إنشاء التدرجات باستخدام دوال CSS المتمثلة في linear-gradient() أو radial-gradient()، ويمكن استخدامها في أي مكان يُقبل فيه استخدام صورة، مثل الخلفيات.
ما الفرق بين التدرجات الخطية والشعاعية؟
ينتقل التدرج الخطي بين الألوان على طول خط مستقيم بزاوية محددة. أما التدرج الشعاعي فيشع إلى الخارج من نقطة مركزية بنمط دائري أو بيضاوي. كلا النوعين يدعمان نقاط ألوان متعددة لتأثيرات متعددة الألوان المعقدة.
كيف أضيف المزيد من الألوان إلى التدرج؟
انقر على "إضافة نقطة لون" لإضافة ما يصل إلى 5 نقاط لون. تحتوي كل نقطة على منتقي للألوان وموضع (0–100%) يتحكم في مكان ظهور اللون في التدرج. يمكنك إعادة ترتيب التأثير البصري من خلال ضبط المواضع.