● design

mask-image: логотип и reveal-анимация без SVG clipPath в JS

mask-image: логотип и reveal-анимация без SVG clipPath в JS

Свойства mask-image и mask-size обрезают элемент по альфа-маске — удобно для wipe-анимации секций.

Для статичного логотипа проще inline SVG; mask — для эффектов.

- [mask-image — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/mask-image) — Синтаксис mask.

---

## Perf

Анимируйте только mask-position или opacity, не layout.

beforetoggle: хук жизненного цикла popover

Аналитика до открытия панели.

Подписывайтесь на наш канал в Telegram

и получайте ежедневную порцию новостей из мира строительства и недвижимости, читайте интервью и участвуйте в опросах

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.