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

Пример:

HTML:

CSS:

JS:

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


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

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

Эффект частичного размытия изображения с наложением серого оттенка основанный на WebGL

Фон из бегущих волной частиц с возможностью установления их количества, размера и скорости

Слайдер на WebGL с красивой сменой фотографий по клику

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

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