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