Diagonal
Teal to blue at 135°
linear-gradient(135deg, …)
Loading page…ToolStack
استخدم CSS Gradient Generator عبر الإنترنت للحصول على نتائج سريعة ومجانية وخاصة ضمن أدوات المطورين.
إجابة سريعة
أدخل القيم المطلوبة في CSS Gradient Generator لعرض النتيجة فورًا.
CSS gradient
Illustrative view
Two colors, a shape, and an optional angle create the CSS.
أدخل القيم المطلوبة في CSS Gradient Generator لعرض النتيجة فورًا. تظهر رسائل خطأ واضحة عند وجود بيانات ناقصة أو غير صالحة.
تتم المعالجة داخل متصفحك كلما أمكن. لا يتم إرسال المدخلات إلى الخادم أو حفظها لإجراء الحساب.
Teal to blue at 135°
linear-gradient(135deg, …)
White center to black edge
radial-gradient(circle, …)
نعم. الأداة مجانية ولا تتطلب الوظائف الأساسية دفعًا أو تسجيلًا.
لا. تتم معالجة البيانات في المتصفح ولا يتم حفظها في قاعدة البيانات.
أدخل قيمًا كاملة وصحيحة وفق التسميات، وصحح أي حقل يظهر بجانبه خطأ.
استكشف المزيد