Анимация останавливается, когда курсор заходит на рамку.

Пример:

Фото 1
Фото 2
Фото 3

HTML:

CSS:

За основу взято решение найденное на codepen.io у пользователя Tapas Adhikary
Фотографии: kellepics

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

Волна прокатывается по изображению при движении курсора мыши

Оформление фотографий в стиле старого фильма средствами CSS-анимации

Сетка для галереи фотографий в виде ромбиков.

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

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

Комментарии:

  • Юлия:

    Подскажите пожалуйста как добавить еще карточек?

    Ответить