Волна из частиц на JS

Данный фон отлично подойдет для блока, подвала или всей страницы.

Скрипт весит всего 3кб (без сжатия) и не использует никакие библиотеки.

Пример:

<canvas id="particle-canvas"></canvas>

1	<canvas id="particle-canvas"></canvas>

#particle-canvas {
	width: 100%;
	height: 400px;
	background: #337AB7;
}

#particle-canvas {

width: 100%;

height: 400px;

background: #337AB7;

}

Подключаем скрипт:particle-wave.js

NUM_PARTICLES - Количество частиц

PARTICLE_SIZE - Размер частиц

SPEED - Скорость перемещения частиц

Фон самого блока задется через CSS

Найдено на codepen.io у пользователя Stu Freen

Эффект искажающего стекла на изображении средствами SVG и JS

Поднимающиеся вверх мыльные пузыри реализованные на библиотеке GSAP

Пример создания слайдера "До" и "После" с диагональным разделением фотографий

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