درس css3 عمل التدرجات اللونية بدون صور

السلام عليكم ورحمة الله وبركاته
مع ظهور css3 أصبح بإمكاننا تصميم مواقع الانترنت بسهولة أكبر وبميزات جديدة
ومن هذه الميزات أنه يمكننا إنشاء خلفيات مع ألوان متدرجة وليس لون واحد فقط
وذلك بدون استخدام صور فبعد اليوم لا عناء مع تقطيع الصور وإنشائها بالفوتوشوب

المتصفحات التي تدعم css 3
على الرابط التالي تجدون جدولاً فيه كامل خصائص css3 والمتصفحات التي تدعم كل خاصية
CSS3 Reference

وكخلاصة للدعم يمكننا أن نقول أن المتصفحات firefox, google chrome, safari بإصداراتها الأخيرة هي الأكثر دعماً
يليها oprea و أخيراً internet explorer ( لكن في إصداره الجديد 10 أصبح يدعمها بشكل كبير )


وفيما يلي مقطع فيديو باللغة العربية لدرس توضيحي عن إنشاء التدرجات
[video=youtube_share;OG3XjRIYieM]http://youtu.be/OG3XjRIYieM[/video]
رابط المقطع :
‫



وأيضاً أقدم لكم موقعأً رائعاً جداً ومفيداً للحصول على الكود
حيث أنك ستعمل وكأنك داخل الفوتوشوب ومن ثم انسخ الكود
رابط الموقع:
Ultimate CSS Gradient Generator - ColorZilla.com

مثال كيف تضع الكود:

Tahasoft

للتجربة: HTML محرر أكواد