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

HTML:

CSS:

JS:

  • Подключаем библиотеку three.min.js
  • Подключаем скрипт: bg-16.js

Пример:

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

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

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

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

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

  • Пользователь:

    А на этих фонах можно текст разместить? Ну т. е. чтобы эти анимационные фоны были позади текста.

    Ответить
    • Alexander:

      Конечно.
      Блок этот делаем релативом, и вкладываем в него абсолютный с текстом.
      Например так:

      #bg-16 {
          height: 520px;
          margin: 20px 0;
          position: relative;
          display: flex;
          justify-content: center;
          align-items: center;	
      }
      #bg-16 div {
          position: absolute;
          text-align: center;
          font-size: 40px;
          font-weight: bold;
          color: #000;
      }
      <div id="bg-16">
      	<div>Текст</div>
      </div>
      Ответить