Ховер-эффект реализован с использованием SVG, JS и CSS-переходов.

Пример:

HTML:

Обратите внимание на ID у элемента clipPath и его использование

CSS:

JS:

Найдено на codepen.io у пользователя Noel Delgado

Смотрите также:

Варианты оформления фотографий при наведении на них мышки с целью увеличения

Группа из 4-х секций, каждая из которых раскрывается в их контейнере

Мобильный Tab Bar с переключающимися вкладками

Добавить комментарий:

Ваш комментарий отправлен!