15 идей для эффекта Hover в CSS
Поиск Настройки. Время на прочтение 5 мин. Автор оригинала: Zell Liew.
Прежде всего, для тех кто не совсем ещё в теме или совсем не в теме, поясню вкратце, что такое hover-эффекты. Это различные виды эффектов всплывающие подписи, подсказки, плавные переходы, трансформация, ротация, увеличение, смещение и т. Реализованы эти эффекты могут как с помощью различных плагинов jQuery, так и на чистом CSS3. Сегодня я подготовил большую подборку оригинальных hover-эффектов для изображений созданных с помощью CSS3, без подключения javascript-библиотек. О достоинствах и недостатках реализации hover-эффектов на чистом CSS3 не буду, это другая тема, просто смотрите примеры, и при необходимости используйте понравившийся у себя на сайте.
Возможности CSS3 впечатляют. В данном уроке мы будем использовать их для реализации творческих замыслов. В результате получится набор эффектов, которые сопровождают событие наведения курсора мыши на объект - будет выводиться описание с использованием разных стилей для каждого примера. Примечание: данные эффекты действуют только в современных браузерах, которые поддерживают СSS3.
Похожие статьи
- Мастер класс дизайн на гель лаках - Отопластика (пластика ушей ) в домашних условиях - как избавитьс
- Модные дизайны кухонь 2024 - Кухни VIRS. Производитель элитных кухонных гарнитуров в
- Ногти дизайн синего цвета - Более 25 лучших идей на тему «Матовый Дизайн Ногтей» на
- Дизайны интерьеров ванных комнат - Ванные комнаты фото - 1,2 млн, дизайн интерьера ванных