Всплывающая подпись к картинке при наведении с помощью CSS3


Готовых решений создания динамичных подписей к картинкам, появляющихся при наведении курсора на тело изображения, существует на сегодняшний день предостаточно. Однажды мы уже рассматривали один замечательный вариант, подробнейшим образом. Все они хороши по своему, какие-то отличаются простотой исполнения, другие наличием различных эффектов появления подписей. В общем, кому оно надо, тот всегда сможет найти для себя подходящий вариант.

Всплывающая подпись

Сегодня хочу продемонстрировать ещё один, наверное один из самых простейших примеров, реализации всплывающей подписи к изображению при наведении, выполненный исключительно средствами CSS3, без подключения javascript.

Всплывающая подпись к картинке при наведении с помощью CSS3

HTML Разметка

Стили CSS

Очень надеюсь, что этот небольшой набор правил CSS (сниппет), кому-нибудь да пригодится в работе. Возникнут какие-либо вопросы, или всплывёт какая-то ошибка, пишите в комментариях.

Источник: dbmast.ru

Previous Используем карты Google для увеличения посещаемости
Next WordPress шаблоны бесплатно - подборка за 2017 год

Suggested Posts

Скачать множество кнопок, стикеров, разнообразных элементов в PSD формате

Манипуляции с файлом .htaccess

Owl Carousel в Opencart и OcStore 2.1.0.2

Набор элементов интерфейса — Square

OpenCart 2.2 — пять свежих адаптивных шаблонов от pavothemes

Продвинуть сайт без покупки ссылок