Design beautiful linear and radial gradients with real-time Canvas preview. Copy CSS code instantly.
التدرج هو انتقال سلس بين لونين أو أكثر. تضيف التدرجات عمقًا وأبعادًا واهتمامًا بصريًا إلى تصميمات الويب وعناصر واجهة المستخدم والرسوم التوضيحية.
حدد لونين، واختر زاوية متدرجة، وشاهد النتيجة فورًا على Canvas. انسخ كود CSS لاستخدامه في مشروعك.
ما هو الفرق بين التدرجات الخطية والشعاعية؟ تنتقل التدرجات الخطية على طول خط مستقيم، بينما تشع التدرجات الشعاعية من نقطة مركزية.
هل يمكنني استخدام التدرجات في CSS؟ نعم، استخدم خاصية صورة الخلفية مع وظائف التدرج الخطي أو التدرج الشعاعي.