کورس یادگیری CSS : مباحث عکس ها

با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با CSS یاد می گیرید.

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

سرفصل ها :

معرفی:
کار با تصاویر در CSS
فایل های تمرینی
1. مبانی:
نشانه گذاری تصویر مدرن
خلاص شدن از فضای زیر یک تصویر
قرار دادن یک تصویر در داخل هر ظرف
یک تصویر مربع (یا نسبت دیگر) ایجاد کنید
یک تصویر را در داخل یک ظرف قرار دهید
برای برش تصویر از CSS استفاده کنید
قرار دادن یک تصویر در داخل سلول شبکه
قرار دادن یک تصویر در داخل فلکس باکس
تطبیق تصاویر پس زمینه در هر ظرف
تصویر پس زمینه را در یک ظرف قرار دهید
2. اشکال:
گوشه های گرد با شعاع حاشیه
برش تصاویر به یک دایره کامل
اشکال سفارشی با استفاده از مسیر کلیپ
مسیر کلیپ: دایره
مسیر کلیپ: بیضی
مسیر کلیپ: چند ضلعی
Clip-path: Inset
Clip-path: مسیر
اشکال سفارشی با استفاده از SVG
پوشاندن تصویر با تصویر دیگر
متن تصویر
سازگاری مرورگر
3. فیلترها و ترکیب:
فیلتر کردن و مخلوط کردن
نمای کلی فیلترها
ترکیب فیلترها
استفاده از فیلترهای SVG سفارشی
حالت مخلوط کردن
آزمایش با حالت های ترکیبی
پس زمینه-ترکیب-حالت
4. استفاده عملی:
گالری شبکه 45 درجه
جلوه های متحرک
بهبود تصویر حالت ترکیبی
چیزهایی که باید در نظر داشت
نتیجه:
با تشکر!