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

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

HTML:

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

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

CSS:

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

1

2

3

4

5

#bg-25 {

width: 100%;

height: 520px;

margin: 20px 0;

}

JS:

Подключаем библиотеку three.min.js
Подключаем скрипт: bg-25.js
В скрипте используется текстура noise2.png

Пример:

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

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

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

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

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

Комментарии:

Рома: 10.03.2024 в 12:28

Здравствуйте а не подскажите почему с текстурами и картинками анимации при подключении не работают. Без текстур и картинок всё работает.

Ответить
- Alexander: 10.03.2024 в 21:55
  
  Из-за политики CORS, браузер не дает взять картинку.
  Заливайте все к себе на сайт и все будет работать.
  
  Ответить
  - Рома: 16.03.2024 в 16:04
    
    Спасибо ...да... теперь всё работает.
    
    Ответить