Вырезы в блоках — революция | CSS боль

Хотите узнать, как делать вырезы в блоках одной строчкой CSS?

В новом выпуске мы сравним старый способ (много контейнеров, фиксированные размеры, хаки) и современный подход с mask-image и радиальными градиентами.

В видео:

1️⃣ как работал классический «дедовский» метод;
2️⃣ mask-image и радиальные градиенты: чистый CSS для вырезов;
3️⃣ приём с полпиксельным смещением для аккуратных краёв;
4️⃣ гибкие и адаптивные компоненты с любым фоном: градиентами, картинками или видео;
5️⃣ смена парадигмы: от «приклеивания блоков» к «вырезанию» прямо в CSS.

🐭 Смотреть на YouTube
🐹 Смотреть в VK