Красивый эффект смены 2-х фотографий

Данный эффект хорошо подойдет для титульной страницы, где нет слайдера

Скрипт реализующий данную анимацию работает на библиотеках TweenMax и curtains.js

Пример:

HTML:

Картинка texture.jpg нужна для более красивого эффекта смены фотографий

CSS:

JS:

Подключаем библиотеку TweenMax.min.js, curtains.min.js и скрипт самого эффекта hover-img.js

Найдено на codepen.io у пользователя Alain
Автор фотографии LeeRosario
Библиотека TweenMax
Библиотека curtains.js

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!

Комментарии:

  • Джесси:

    Не могла понять почему на локалке не работает)) Оказалось изображения должны иметь интернет адрес, иначе не будет работать. Правда пока это дошло, прошло часа два, мучений))

    Спасибо за крутую штучку!

    Ответить