Градиентный фон с ховер-эффектом

Данный скрипт работает без дополнительных библиотек и весит всего 17кб.

Пример:

Проведите курсором по блоку

<canvas id="webgl"></canvas>

1	<canvas id="webgl"></canvas>

#webgl {
	width: 100%;
	height: 500px;
}

#webgl {

width: 100%;

height: 500px;

}

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

За основу взят скрипт, найденный на codepen.io у пользователя Liam Egan

Красивый эффект капель на стекле основанный на WebGL

4 анимированных абстрактных фона для блока или страницы с использованием WebGL

Электрический паук следующий за курсором мыши

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