
Размер канваса с эффектом задается его контейнером через CSS
HTML:
1 2 3 |
<div class="webgl-wrap"> <canvas id="webgl"></canvas> </div> |
CSS:
1 2 3 4 |
.webgl-wrap { width: 100%; height: 600px; } |
JS:
Подключаем скрипт endless.js (в нем используется текстура noise.png).
Пример:
Найдено на codepen.io у пользователя Liam Egan
Смотрите также:
Плагин jQuery Ripples для создания водной ряби на фоновом изображении
Адаптивное видео в качестве фона блока с использованием плагина для jQuery
Фоновый эффект с появляющимися в случайном месте цветами
Добавить комментарий:
Ваш комментарий отправлен!
fps просто в 0, удаляй 😀
cyberpank даже так не лагает