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

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

HTML:

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

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

CSS:

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

1

2

3

4

5

#bg-28 {

width: 100%;

height: 520px;

margin: 20px 0;

}

JS:

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

Пример:

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

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

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

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

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

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

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

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

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

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

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

Олег: 05.01.2025 в 04:51

Как такую красоту сделать на wordpress?

Ответить
- Alexander: 09.01.2025 в 12:35
  
  Точно также, как и везде, стили, хтмл и скрипт закидывайте в тему и все.
  
  Ответить