Сверкающие звезды на WebGL

Данные эффекты основаны на WebGL и не требуют никакие дополнительные библиотеки

Пример 1:

HTML и CSS в обоих примерах одинаковый:

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

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

#canvas {
	width: 100%;
	height: 400px;
}

#canvas {

width: 100%;

height: 400px;

}

Для первого примера подключаем скрипт sparkle-1.js, а для второго sparkle-2.js.

Найдено на codepen.io у пользователя al-ro

Наложение фильтра blur для размытия фона под текстом

Фоновый эффект с бесконечным увеличением многоугольников

Эффект с появляющейся рандомной каплей в качестве фона для секции

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