Адаптивные изображения. Практические приемы верстки картинок. CSS object-fit HTML picture.

Uploaded By: Myvideo

Published on

24 Mar 2024

0 views

0

0 votes

0

About Share Download Add to

Адаптивные изображения. Практические приемы верстки картинок. CSS object-fit HTML picture. Продолжаем изучать работу с изображениями и сегодня поговорим о важной теме - адаптив изображений. Изучим CSS свойства object-fit и object-position и HTML теги picture и source. Рассмотрим практические примеры правильного адаптива картинок в разных ситуациях. 💪 Файлы урока - 👉 Форматы изображений для веб-разработки - 👉 Урок CSS background - 👉 Шпагралка CSS background - 👉 Метод “IBG“ - 👉 Справочник типов файлов - Список_MIME-типов Содержание: 00:00 - Вступление 01:10 - Метод max-width 06:23 - CSS object-fit и object-position 14:13 - HTML тег picture

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/cnZROUNVeG1Ocit1WDRvNXBJZDZVTnN2aG42Z2kyeEZlTUNhVmtTWTk5cz0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Video Size:

Custom size:

x

Autoplay video

Hide player controls

Hide resume playing

Add to Playlist:

Favorites

My Playlist

Watch Later

Обзор 2 Мп IP-камеры BEWARD B2530RC: объектив на выбор и адаптивная ИК-подсветка, от -45 до+50C

9 months ago

00:01:47

Обзор 2 Мп IP-камеры BEWARD B2530RC: объектив на выбор и адаптивная ИК-подсветка, от -45 до+50C

1 45%

BEWARD B2530RC, запись с камеры, ночь, объектив 3.6 mm

9 months ago

00:00:00

BEWARD B2530RC, запись с камеры, ночь, объектив 3.6 mm

0 67%

BEWARD B2530RC, запись с камеры, день, объектив 3.6 mm

9 months ago

00:00:00

BEWARD B2530RC, запись с камеры, день, объектив 3.6 mm

0 30%

Введение к мастер-классу №1: Как создать профессиональный лендинг с Flexbox в бесплатном Elementor

10 months ago

00:04:14

Введение к мастер-классу №1: Как создать профессиональный лендинг с Flexbox в бесплатном Elementor

3 60%

iphone 16 pro max black titanium

10 months ago

00:00:18

iphone 16 pro max black titanium

0 33%

Мурзилки Int. - пародия Когда мои друзья со мной

11 months ago

00:03:46

Мурзилки Int. - пародия Когда мои друзья со мной

0 88%

Horizon Forbidden West Прохождение в 2к Хорайзон Запретный запад на русском

11 months ago

00:47:17

Horizon Forbidden West Прохождение в 2к Хорайзон Запретный запад на русском

0 51%

Владимир Сурдин Внеатмосферная астрономия и новый космический телескоп Джеймс Уэбб

12 months ago

01:17:23

Владимир Сурдин Внеатмосферная астрономия и новый космический телескоп Джеймс Уэбб

0 35%

Вебинар Адаптация книг и все про это, Анна Чугунова

12 months ago

01:48:23

Вебинар Адаптация книг и все про это, Анна Чугунова

10 58%

HTML - Полныи Курс HTML Для Начинающих 3 ЧАСА

1 year ago

02:56:32

HTML - Полныи Курс HTML Для Начинающих 3 ЧАСА

0 72%

Как новичку создать красивый сайт | Подробный урок

1 year ago

01:49:10

Как новичку создать красивый сайт | Подробный урок

0 19%

Как Легко И Просто Нарисовать МИЛУЮ КОШКУ | Как Нарисовать Кошку / Котёнка шаг за шагом

1 year ago

00:08:43

Как Легко И Просто Нарисовать МИЛУЮ КОШКУ | Как Нарисовать Кошку / Котёнка шаг за шагом

4 62%

Как выглядит уход в АФК для НПС

1 year ago

00:01:19

Как выглядит уход в АФК для НПС

11 80%

Повторяем шот с Дрибла. Иконки с нуля. Адаптивные графики. Как нарисовать dashboard (уроки Figma)

1 year ago

01:15:29

Повторяем шот с Дрибла. Иконки с нуля. Адаптивные графики. Как нарисовать dashboard (уроки Figma)

0 45%

Сегодня день кармических двоек. Важные слова.

1 year ago

00:08:02

Сегодня день кармических двоек. Важные слова.

0 35%

Claude 3.5 Sonnet, модель которая превосходит GPT-4 на всех тестах.

1 year ago

00:00:51

Claude 3.5 Sonnet, модель которая превосходит GPT-4 на всех тестах.

1 78%

Mindray SV600/SV800 - интерфейс и управление ИВЛ аппаратом

1 year ago

00:17:58

Mindray SV600/SV800 - интерфейс и управление ИВЛ аппаратом

0 94%

Как нарисовать бабочку необычным способом / Рисование для детей

1 year ago

00:01:21

Как нарисовать бабочку необычным способом / Рисование для детей

1 50%

Обзор Flutter | Идем в Web c WebAssembly и Макросы | Что показали на Google I/O

1 year ago

00:13:02

Обзор Flutter | Идем в Web c WebAssembly и Макросы | Что показали на Google I/O

3 64%

#3 Плагин Perfect Pixel, Верстаем по макету из Figma

1 year ago

00:10:16

#3 Плагин Perfect Pixel, Верстаем по макету из Figma

13 5%

ПОРА ОТПРАВИТЬСЯ НА ПОИСКИ ДЕМЕТРЫ! | Horizon Forbidden West | Часть #8

1 year ago

05:43:22

ПОРА ОТПРАВИТЬСЯ НА ПОИСКИ ДЕМЕТРЫ! | Horizon Forbidden West | Часть #8

0 20%

БУДЕТ ЖАРКО! ОХОТА НА РОБОТОВ И КОТЛЫ! | Horizon Forbidden West | Часть #7

1 year ago

05:57:23

БУДЕТ ЖАРКО! ОХОТА НА РОБОТОВ И КОТЛЫ! | Horizon Forbidden West | Часть #7

0 15%

GNOME 45. Ubuntu . elementaryOS 7.1. Могут, когда захотят!

1 year ago

00:18:57

GNOME 45. Ubuntu . elementaryOS 7.1. Могут, когда захотят!

0 76%

PRAVDAO #423 - Купил PlayStation 5!!! Почему не Pro

1 year ago

00:26:29

PRAVDAO #423 - Купил PlayStation 5!!! Почему не Pro

0 5%

0 Comments

Guest