Коллекция потрясающих эффектов для изображений | HTML, CSS и JavaScript (jQuery)

Эффекты для изображений — здесь мы собрали и продолжаем регулярно обновлять коллекцию бесплатных готовых решений для изображений, созданных при помощи HTML и CSS (CSS3 & HTML5), а также в некоторых эффектах немного присутствует JavaScript (jQuery). Hover-эффекты (эффекты при наведение), 3D, zoom (увеличение), magnify, overlay, transition… Сразу на странице Вы можете просмотреть Демо и скачать исходный код (* zip).

Эффект расслоения при наведении на изображение

Скачать / Посмотреть на CodePen

(далее…)

Сгибающиеся в нескольких местах изображение: ховер эффект напоминающий гармошку

Скачать / Посмотреть на JSFiddle

(далее…)

Crumbling Image — эффект для изображения, напоминающий «песок утекающий в воронку»

Скачать / Посмотреть на CodePen

(далее…)

27 потрясающих hover-эффектов для изображений

Скачать / Посмотреть на CodePen

(далее…)

CSS Image Hover Effects

Скачать

(далее…)

CSS flip-in image — красивый эффект при загрузки фонового изображения

Скачать

(далее…)

CSS Clip-Path Masks with Custom Properties as API

Скачать

(далее…)

3D эффект складывания изображения, чтобы показать дополнительную информацию

Скачать

(далее…)

Эффект закрывающихся полупрозрачных панелей с текстом

Скачать

(далее…)

Эффект параллакс для изображения с текстом

Скачать

(далее…)

Появление кнопки с затемнением изображения

Скачать

(далее…)

Изображения эффектом приближенности и бликом

Скачать

(далее…)

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

Скачать

(далее…)

Image over Text/Read more & Inner border Hover

Скачать

(далее…)

Hover-эффект для круглого (элемента) изображения

Скачать

(далее…)

Hover dat pic

Скачать

(далее…)

6 утонченных hover-эффектов для изображений

Скачать

(далее…)

Появление текста поверх изображения при наведение

Скачать

(далее…)

Увеличение масштаба элемента с 3D-эффектом при наведение с помощью CSS

Скачать

(далее…)

Появление социальных иконок при наведение курсора на изображение

Скачать

(далее…)

Оригинальный эффект при наведении курсора на изображение

Скачать

(далее…)

Появляющаяся диагональная полоса и социальные иконки

Скачать

(далее…)

Product -Thumb Hover

Скачать

(далее…)

Анимация заднего фона у изображения при наведении

Скачать

(далее…)

:hover guillotined

Скачать

(далее…)

3D Hover Interaction

Скачать

(далее…)

Hover Effects: 8 интересных эффектов появления текста поверх изображения

Скачать

(далее…)

Flip Down — показывает текст при наведении

Скачать

(далее…)