أنشئ تدرجات لونية Linear وRadial لـ CSS بشكل مرئي.
مولّد تدرجات CSS يتيح لك تصميم تدرجات خطية (linear-gradient) ونصف قطرية (radial-gradient) بصريّاً، مع اختيار الألوان بلمسة زر، تعديل زاوية التدرج، وإضافة لون ثالث اختياري. كود CSS ينشأ لحظياً ويمكن نسخه مباشرة إلى ملف الأنماط الخاص بك. مناسب لمصممي واجهات المستخدم، مطوري المواقع، ومصممي الجرافيك الذين يحتاجون خلفيات جذّابة بدون فتح Photoshop.
Linear يرسم التدرج بخط مستقيم من نقطة إلى أخرى (يمين، يسار، قطري)، بينما Radial يبدأ من نقطة مركزية ويتوسّع دائرياً إلى الحواف — مناسب للأزرار والدوائر.
0° يجعل التدرج من الأسفل للأعلى، 90° من اليسار لليمين، 180° من الأعلى للأسفل، 270° من اليمين لليسار. القيم بين هذه تنتج قطرات مائلة.
نعم. اختر لوناً واستخدم rgba أو hex بـ 8 خانات (مثل #FF000080 للأحمر بشفافية 50%) للحصول على تدرجات نصف شفافة فوق صور خلفية.
لا. CSS gradient يُرسم عبر GPU المتصفح، أخف بكثير من صورة PNG أو JPG، ويظل حاداً على أي حجم شاشة.
نعم — linear-gradient وradial-gradient مدعومان في كل المتصفحات الحديثة منذ 2013 دون الحاجة لبادئات vendor.