mask-image: логотип и reveal-анимация без SVG clipPath в JS
CSS mask с градиентом и `-webkit-mask` fallback.
Свойства `mask-image` и `mask-size` обрезают элемент по альфа-маске — удобно для wipe-анимации секций.
Для статичного логотипа проще inline SVG; mask — для эффектов.
- mask-image — MDN — Синтаксис mask.
Perf
Анимируйте только `mask-position` или opacity, не layout.