أداة مجانية
CSS Gradient Generator
بناء تدرجات CSS خطية وشعاعية ومخروطية بصريًا. اسحب نقاط الألوان، اضبط الزاوية والموضع، وانسخ CSS الجاهز للاستخدام.
CSS
background: linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);النوع
الزاوية135°
نقاط الألوان
0%
100%
الإعدادات المسبقة
أنواع التدرجات
التدرجات الخطية تنتقل على طول خط مستقيم بأي زاوية. التدرجات الشعاعية تشع من نقطة مركزية. التدرجات المخروطية تدور حول نقطة مركزية — مفيدة للرسوم البيانية الدائرية وعجلات الألوان.
كيفية الاستخدام
- اختر نوع التدرج (خطي أو شعاعي أو مخروطي).
- أضف أو اسحب نقاط الألوان لتحديد الألوان.
- انسخ مخرجات CSS مباشرة إلى ورقة الأنماط الخاصة بك.
تتم جميع المعالجة في متصفحك — لا يتم إرسال شيء إلى أي خادم.
الأسئلة الشائعة
- هل CSS المُنشأ متوافق عبر الأنواع المختلفة من المتصفحات؟
- نعم. المخرجات تستخدم بناء جملة تدرج CSS قياسي مدعوم من قبل جميع متصفحات الويب الحديثة.
- هل يمكنني مشاركة تدرج؟
- نعم. انقر على مشاركة — حالة التدرج مشفرة في URL، والذي يمكنك نسخه وإرساله.