در حال حاضر محصولی در سبد خرید شما وجود ندارد.
با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با CSS یاد می گیرید.
عنوان اصلی : CSS: Images
معرفی:
کار با تصاویر در CSS
فایل های تمرینی
1. مبانی:
نشانه گذاری تصویر مدرن
خلاص شدن از فضای زیر یک تصویر
قرار دادن یک تصویر در داخل هر ظرف
یک تصویر مربع (یا نسبت دیگر) ایجاد کنید
یک تصویر را در داخل یک ظرف قرار دهید
برای برش تصویر از CSS استفاده کنید
قرار دادن یک تصویر در داخل سلول شبکه
قرار دادن یک تصویر در داخل فلکس باکس
تطبیق تصاویر پس زمینه در هر ظرف
تصویر پس زمینه را در یک ظرف قرار دهید
2. اشکال:
گوشه های گرد با شعاع حاشیه
برش تصاویر به یک دایره کامل
اشکال سفارشی با استفاده از مسیر کلیپ
مسیر کلیپ: دایره
مسیر کلیپ: بیضی
مسیر کلیپ: چند ضلعی
Clip-path: Inset
Clip-path: مسیر
اشکال سفارشی با استفاده از SVG
پوشاندن تصویر با تصویر دیگر
متن تصویر
سازگاری مرورگر
3. فیلترها و ترکیب:
فیلتر کردن و مخلوط کردن
نمای کلی فیلترها
ترکیب فیلترها
استفاده از فیلترهای SVG سفارشی
حالت مخلوط کردن
آزمایش با حالت های ترکیبی
پس زمینه-ترکیب-حالت
4. استفاده عملی:
گالری شبکه 45 درجه
جلوه های متحرک
بهبود تصویر حالت ترکیبی
چیزهایی که باید در نظر داشت
نتیجه:
با تشکر!
CSS: Images
در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.
OpenAI API: Building Assistants
پرسش و پاسخ به سوالات وردپرسی از مدرس حرفه ای Lynda.com
کورس یادگیری تکنیک های جستجو ویژه برنامه نویسان وب
آموزش ساخت آیکن های وب با SVG
آموزش نصب و اجرای وردپرس روی سرور Bitnami
آموزش برنامه نویسی مربوط به مدیریت کاربران در دیتابیس WordPress
آموزش ساخت یک App وردپرس Headless بوسیله REST API ها
آموزش توسعه کارایی وب سایت ها
آموزش برنامه نویسی وردپرس : ساخت پلاگین های Post
Fine-tuning Your Own GPT Model