Фоновая анимация #41

Фоновая анимация #41

HTML:

<div id="bg-41"></div>

1	<div id="bg-41"></div>

CSS:

#bg-41 {
	width: 100%;
	height: 520px;
	margin: 20px 0;
}

1

2

3

4

5

#bg-41 {

width: 100%;

height: 520px;

margin: 20px 0;

}

JS:

Подключаем библиотеку three.min.js
Подключаем дополнительные библиотеки в файле camera.js
Подключаем скрипт: bg-41.js
В скрипте bg-41.js используется текстура noise.png

Фон можно двигать мышью, зажав курсор, и менять его масштаб скроллом

Пример:

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

Опубликовано: 22.10.2021
Рубрики: Коллекция фоновых анимаций на JS
1486 просмотров

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

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

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