CSS Gradient Generator
أنشئ تدرجات CSS احترافية بسهولة، واختر الألوان والاتجاه ونوع التدرج ثم انسخ الكود مباشرة.
معاينة التدرج
تخصيص التدرج
تدرجات خطية
أنشئ Linear Gradients مع التحكم الكامل في الاتجاه والألوان.
تدرجات دائرية
أنشئ Radial Gradients لتصميم خلفيات وتأثيرات بصرية مميزة.
جاهز للاستخدام
انسخ كود CSS الناتج وأضفه مباشرة إلى مشروعك.
كيفية إنشاء تدرج CSS؟
أنشئ التدرج الخاص بك في ثلاث خطوات بسيطة.
اختر النوع
اختر بين التدرج الخطي أو الدائري.
حدد الألوان
اختر اللونين وحدد موضع كل لون.
انسخ CSS
انسخ الكود واستخدمه مباشرة في مشروعك.
الأسئلة الشائعة
ما هو CSS Gradient؟ +
هو تأثير يسمح بإنشاء انتقال تدريجي بين لونين أو أكثر باستخدام CSS دون الحاجة إلى صور.
ما الفرق بين Linear و Radial Gradient؟ +
التدرج الخطي ينتقل بين الألوان في اتجاه محدد، بينما ينتشر التدرج الدائري من نقطة مركزية إلى الخارج.
هل يمكنني استخدام الكود الناتج مباشرة؟ +
نعم. الكود الناتج هو CSS صالح ويمكن استخدامه مع خاصية background أو background-image.
هل يتم إرسال الألوان أو البيانات إلى الخادم؟ +
لا. عملية إنشاء التدرج تتم مباشرة داخل المتصفح ولا تحتاج إلى إرسال البيانات إلى خادم.