آموزش کار با Gradient ها در CSS

در این مجموعه آموزش با گرادیانت ها آشنا شده و یاد می گیرید که چطور در صفحات وب بدون نیاز به عکس های حجیم و تنها با CSS گرادیانت سازی کنید.

عنوان اصلی : CSS: Gradients

سرفصل ها :

معرفی
خوش آمدی
استفاده از فایل های تمرین
1. شروع به کار
نمونه هایی از گرادیان در طراحی
بررسی سازگاری مرورگر
2. ایجاد گرادیان های خطی
بررسی نحو خطی
ایجاد یک گرادیان افقی
ایجاد یک گرادیان عمودی
اضافه کردن مقادیر توقف رنگ اضافی
خلاقیت با توقف های گرادیان
3. ایجاد گرادیان های شعاعی
کاوش در نحو شعاعی
ایجاد یک گرادیان شعاعی پایه
اضافه کردن مقادیر توقف رنگ اضافی
ایجاد الگوهای شعاعی پیچیده
4. پروژه های سریع
ایجاد پس زمینه گرادیان
شبیه سازی بافت های فلزی
5. فراتر از اصول
مخلوط کردن گرادیان ها با شفافیت
ایجاد گرادیان های مورب
اعمال گرادیان بر روی متن
استفاده از گرادیان برای ایجاد الگوها
ایجاد بک گراند
ایجاد گرادیان از طریق وب
نتیجه
برداشتن قدم بعدی
خداحافظ