Вход Регистрация |
Всплывающие при наведении изображения с помощью CSSОчень часто на многих сайтах требуется выводить фотографии, слайды и так далее. Изображения выводятся сначала списком миниатюр, при клике на которые, пользователь может посмотреть увеличенную копию. Но было бы интересно сделать так, чтобы увеличенная копия изображения показывалась пользователю при наведении мышки на миниатюру. Существует достаточно большое количество решений с использованием JavaScript, которые реализуют этот функционал. Попробуем сделать то же самое, но только с использованием CSS. Для создания такого эффекта создадим слой-контейнер pic в который поместим ссылку, а в нее HTML код: <div id="pic">Таблица стилей Смотрите комментарии напртив каждой строки /* Описание котейнера для изображений */ А вот, что получается: (наведите мышкой на маленькое изображение): Категория статьи: Веб-дизайн | Просмотров: 2183 | Добавлена:
25.08.2013
Почему Вы еще не прокомментировали? |