16. CSS переполнение overflow, видимость opacity и visibility, обрезка clip-path

✏️ Обсудим свойство переполнения overflow, свойства видимости opacity и visibility, а также свойство обрезки clip-path.

🔴 Timeline:
▶ 00:00​ | План урока
▶ 00:16​ | Свойство overflow
▶ 00:46​ | Свойство overflow, значение hidden
▶ 00:53​ | Свойство overflow, значение scroll
▶ 01:04​ | Свойство overflow, значение auto
▶ 01:13​ | Свойство overflow, разница значений scroll и auto
▶ 01:49​ | Свойство overflow, значение clip
▶ 02:05​ | Свойство overflow, разница значений hidden и clip
▶ 03:01​ | Свойства overflow-x и overflow-y
▶ 04:08​ | Свойство opacity
▶ 05:40​ | Свойство visibility
▶ 06:19​ | Свойство clip-path
▶ 06:32​ | Свойство clip-path, функция circle
▶ 07:06​ | Свойство clip-path, функция ellipse
▶ 07:23​ | Свойство clip-path, функция polygon
▶ 07:43​ | Свойство clip-path, функция path
▶ 07:51​ | Свойство clip-path, функция url
▶ 08:00​ | Clippy — сервис генерации фигур для clip-path
▶ 08:29​ | Что дальше

📚 Полезные ссылки:

💬 Чат в телеграмме (помощь новичкам):

🔸 Boosty (поддержать канал):

🗂️ Бесплатные курсы на канале:

📌 Автор:

#frontend #фронтенд #css

[AlexanderPuhckov]

Жена такая:"зачем ты на таком ускорении смотришь!?"))) 🤣 Когда узнала что вы так говорите, : "Как ты все понимаешь?" А я и думаю, блин, потому что минимум воды, макс. полезной инфы. Просто идеально. То что нужно в 35 с 3мя детьми при смене профессии))Быстро и по делу!))

[АнтошаГорохов]

Александр как всегда лучший! Очень нравится Ваш подход.

[smotritelyoutube]

Пушка!! Лайк, ребят ставьте лайки чтобы продвигать такое и чтобы автор был мотивирован снимать и дальше.

[AlexanderPuhckov]

Гениально. После Гридов, вообще как по маслу.😊 Не устану благодарить вас! Спасибо!

[Ihaveaverygoodfuture]

Александр, спасибо большое. После гридов, я как будто заново переродился!!
Очень подробно и понятно, огромное вам спасибо!!!!

[Ivanfwit]

отличное видео, спасибо) не знал часть таких простых вещей

[mifaress]

Это просто топ. Помню провозился часа 3 чтобы убрать прокрутку но чтобы ховер на элементе был виден полностью. В итоге костыльно, но решил проблему. А оказывается достаточно было для одной оси использовать clip. Спасибо за контент!!

[АлександрБекач]

Очередное спасибо за урок!) Действительно, как писалось ниже тоже в комментариях, после гридов тема пошла на ура))

[PROBOYNIC]

Топ видос, кто не поставит лайк тот Ильяс Якубов

[nekonekoma]

На минуте 6:07 говоришь: "второе отличие visibility от hidden в том, что для визибилити нельзя добавить плавный переход из одного состояния в другое". Но хидден же вроде является значением для визибилити, вот не пойму, в чем подвох😸 Не отличие опасити от хидден должно быть?

[nonemeboabs]

Почему у меня overflow: visible работает как overflow: scroll и добавляет полосу прокрутки?