دوره آموزش سی اس اس – تصاویر
Lynda – CSS – Images
به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل

CSS ابزاری برای دستکاری تصویر است. این که آیا شما می خواهید جلوه های بصری متمایز ایجاد کنید یا به سادگی از پهنای باند موجود استفاده کنید ، گزینه های دستکاری تصاویر در CSS به شما امکان می دهد راه حل های گرافیکی قابل استفاده مجدد ایجاد کنید.

در این دوره آموزش سی اس اس – تصاویر، مربی Morten Rand-Hendriksen به شما نشان می دهد که چقدر می توانید تصاویر را در یک مرورگر با استفاده از CSS خالص ویرایش کنید. مورتن اهمیت نشانه گذاری مناسب تصویر HTML و نحوه محصول ، تناسب و موقعیت یک تصویر را توضیح می دهد.
وی در مورد نحوه استفاده از خاصیت Clip-Path برای ایجاد انواع اشکال بحث می کند. مورتن نشان می دهد که چگونه می توانید از فیلترها برای ویرایش و اضافه کردن جلوه ها به تصویر خود استفاده کنید. وی با قدم زدن در چندین مثال عملی در مورد چگونگی استفاده از آنچه آموخته اید ، و همچنین بهترین روشها و احتیاط های مهم نتیجه می گیرد.

فهرست سرفصل های دوره : آموزش Lynda – CSS – Images
دوره آموزش سی اس اس – تصاویر

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