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

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

Пример:

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

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

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

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

#webgl {

width: 100%;

height: 500px;

}

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

В скрипте используется текстура noise.png

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

Эффект со случайным турбулентным фоном для блока или секции

Эффект искажения фотографии основанный на WebGL, похожий на нахождение под водой

Фоновый эффект с появляющимися в случайном месте цветами

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

Андрей: 29.05.2023 в 00:49

Как менять цвета в этих прекрасных фонах? Подскажите?))

Ответить
- Alexander: 05.06.2023 в 11:16
  
  Поэкспериментируйте с переменными color
  В таких фонах все цвета задаются переменными и формулами в HSL или RGB форматах и нет конкретного значения.
  
  Ответить