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

Данный скрипт работает без дополнительных библиотек и весит всего 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

Красивый эффект на javaScript для анимированного соединения точек

Эффект, который накладывает на слой бесконечное количество звездочек

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

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

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

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