Эффект проявления изображения!

Через CSS Mask можно создавать интересные эффекты, управляя тем, какие части элемента будут видимы.

Как работает:

• mask создаёт альфа-маску поверх изображения;

• браузер отображает только разрешённые области;

• mask-position двигает маску без изменения размеров элемента;

• одновременно можно комбинировать эффект с фильтрами и анимациями.

Приём отлично подходит для галерей, карточек товаров, портфолио и интерактивных превью изображений.

Code Ready | #фишка