التدرج هو انتقال سلس بين لونين أو أكثر. تضيف التدرجات عمقًا وأبعادًا واهتمامًا بصريًا إلى تصميمات الويب وعناصر واجهة المستخدم والرسوم التوضيحية.
حدد لونين، واختر زاوية متدرجة، وشاهد النتيجة فورًا على Canvas. انسخ كود CSS لاستخدامه في مشروعك.
Frequently Asked Questions
Q: ما هو الفرق بين التدرجات الخطية والشعاعي
ما هو الفرق بين التدرجات الخطية والشعاعية؟ تنتقل التدرجات الخطية على طول خط مستقيم، بينما تشع التدرجات الشعاعية من نقطة مركزية.
Q: هل يمكنني استخدام التدرجات في CSS؟ نعم،
هل يمكنني استخدام التدرجات في CSS؟ نعم، استخدم خاصية صورة الخلفية مع وظائف التدرج الخطي أو التدرج الشعاعي.
Q: هل يمكنني إنشاء تدرجات شفافة؟ نعم، استخد
هل يمكنني إنشاء تدرجات شفافة؟ نعم، استخدم شريط تمرير العتامة أو قم بتحرير ملف CSS المنسوخ يدويًا لاستخدام قيم الألوان rgba() أو hsla(). تعتبر التدرجات ذات الشفافية رائعة بالنسبة للتراكبات وتأثيرات الزجاج.
Q: كيف أجعل التدرج سريع الاستجابة؟ يعمل CSS
كيف أجعل التدرج سريع الاستجابة؟ يعمل CSS الذي تم إنشاؤه بأي حجم حاوية. للحصول على تدرجات ملء الشاشة، قم بتطبيق التدرج على الجسم أو عنصر الغلاف. استخدم حجم الخلفية: قم بالتغطية للحصول على أفضل النتائج.
Q: ما هو الفرق بين التدرجات الخطية والشعاعي
ما هو الفرق بين التدرجات الخطية والشعاعية؟ تنتقل التدرجات الخطية على طول خط مستقيم، مما يجعلها مثالية للعناوين واللافتات. تشع التدرجات الشعاعية من نقطة مركزية، وهي مثالية لتأثيرات الأضواء والعناصر الدائرية.