Пример:
Проведите курсором по блоку
HTML:
1 |
<canvas id="webgl"></canvas> |
CSS:
1 2 3 4 |
#webgl { width: 100%; height: 500px; } |
JS:
Подключаем скрипт самого эффекта wave.js
В скрипте используется текстура noise.png
За основу взят скрипт, найденный на codepen.io у пользователя Liam Egan
Как менять цвета в этих прекрасных фонах? Подскажите?))
Поэкспериментируйте с переменными color
В таких фонах все цвета задаются переменными и формулами в HSL или RGB форматах и нет конкретного значения.