Всплывающие фото-подсказки

Для реализации этого решения используется небольшой JS-код

Пример:

Пример текста с всплывающими фотографиями на ссылках. Для того чтобы создать такую ссылку, нужно добавить к ней класс hover-img и дата-атрибут data-url, в котором прописать путь до фотографии

Картинку можно прикрутить и к другим тегам, например span: раз и два

HTML:

CSS:

Если нужно убрать кружок, который бегает за курсором, то заменяем высоту и ширину у класса cursor на 0

JS:

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

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

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

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