Сверкающие звезды на 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

Фоновый эффект падения в пламенную бездну, реализованный на JS (WebGL)

Анимационный эффект, который частично увеличивает изображение в блоке

Интерактивные анимированные 3D-фоны Vanta.js

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