Неоновые волны на JS

Неоновые волны на JS

Эффект, реализующий данную анимацию, работает на библиотеке three.js

Пример:

HTML:

<div id="neonwave"></div>

1	<div id="neonwave"></div>

CSS:

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

1

2

3

4

#neonwave {

width: 100%;

height: 400px;

}

JS:

Подключаем библиотеку three.min.js и скрипт эффекта neonwave.js

Найдено на codepen.io у пользователя masuwa
Библиотека three.js

Подписывайтесь на публикации Там наиболее интересные заметки без рекламы и другой ненужной информации.

Протестировать на смартфоне Открыть QR-код для перехода на эту страницу с телефона

Помощь по установке кода Ответы на часто задаваемые вопросы и решение типовых ошибок и проблем

Страница находится в стадии разработки

Поддержать блог Любые Ваши (пусть даже и скромные) суммы значительно повышают мотивацию развивать блог, делиться наработками и придумывать новые.

Опубликовано: 28.02.2020 / Обновлено: 03.09.2020
Рубрики: Фоны и паттерны
Метки: JavaScript, three, WebGL
5082 просмотра

Смотрите также:

Вращающиеся окружности

Фоновый эффект на JS с вращающимися окружностями

Анимированные фоны для блоков и страниц — ч.2

Красивые эффекты с использованием Canvas и jQuery для анимации фона блока или страницы. Часть 2

Эффект дождя на JS

Анимационный эффект дождя для блока или всей страницы

Добавить комментарий:

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