Домой / Архивы с метками: Изображения

Архивы с метками: Изображения

Прикольный ховер-эффект для изображения на CSS

Прикольный ховер эффект для изображения на CSS

Здравствуйте друзья! Сегодня я предлагаю вашему внимаю пример создания hover-эффекта для изображений. В данном примере при наведении курсором мышки изображение затемняется серым цветом, и при этом выплывает сверху на середину изображения иконка лупы. Изменить иконку лупы которая появляется при наведении на изображение на любую другую очень просто! Для этого необходимо в классе .gallery a:before изменить ссылку фона в свойстве background на адрес другой иконки. Для ... Читать далее »

Hover-эффект для изображений с помощью CSS параметра :not(:hover)

Hover-эффект для изображений с помощью CSS параметра :not(:hover)

Приветствую друзья! В этой статье хочу обратить ваше внимание на создание оригинального hover-эффекта для изображений. Данный ховер-эффект затемняет все изображения кроме того, на которого наведен курсор мышки. Достичь такого эффекта удается с помощью CSS условия :not (:hover). С помощью условия :not (:hover) можно выделить не выбранные объекты. Например, если навести курсор на одно изображение вступает в силу свойство hover, и теперь можно задать ему необходимые параметры (к примеру ... Читать далее »