Скрипт, реализующий данный эффект основан на WebGL и работает на библиотеке curtains.js

Пример:

Проведите курсором по изображению

HTML:

CSS:

JS:

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


За основу взят скрипт, найденный на codepen.io у пользователя Alain
Автор фотографии Claudia14
Библиотека curtains.js на github

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

Дополнения плагина jquery.lazy для отложенной загрузки фреймов, скриптов, медийных файлов и т.д.

Слайдер-презентация на JavaScript с красивыми эффектами на фото и видео

Плагин jQuery Ripples для создания водной ряби на фоновом изображении

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

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