Приветствую друзья! В этой статье хочу обратить ваше внимание на создание оригинального hover-эффекта для изображений. Данный ховер-эффект затемняет все изображения кроме того, на которого наведен курсор мышки. Достичь такого эффекта удается с помощью CSS условия :not (:hover). С помощью условия :not (:hover) можно выделить не выбранные объекты. Например, если навести курсор на одно изображение вступает в силу свойство hover, и теперь можно задать ему необходимые параметры (к примеру ... Читать далее »
Красивый hover-эффект для изображения (фото)
Предлагаю вашему вниманию пример реализации красочного hover-эффекта при наведении мышкой на изображение. Эффект реализован с использованием только каскадной таблицы стилей CSS. HTML CSS Читать далее »
Одностраничный сайт-портфолио с помощью CSS и JS
Предлагаю вашему вниманию пример создания портфолио (галереи) с помощью CSS и JS. В части кода ниже вы видите пример добавления книги A Clockwork Orange. Вначале в машинописный апострофах необходимо указать ссылку на изображение книги, далее через запятую и также в апострофах указываем название книги, имя автора и описание. Для работы необходимо обязательно подключить библиотеку jQuery. Данный пример можно использовать как готовое решение для одностраничного ... Читать далее »
Эффект размытия для фото CSS (image hover effect)
В данном примере реализован эффект размытия для изображений (эффект размытия появляется при наведении). Результат достигается благодаря использования CSS свойств. Пример отлично подойдет для галерей или портфолио. HTML CSS Читать далее »