Пример:
HTML:
1 |
<div id="creature"></div> |
CSS:
1 2 3 4 |
#creature { height: 500px; margin: 20px 0; } |
JS:
Подключаем:
Найдено на codepen.io у пользователя Sean Free
Обратите внимание, что данная анимация использует библиотеку p5, которая имеет приличный размер (800 кб.). Поэтому используйте ее с осторожностью, и там где это не будет мешать пользователям.
1 |
<div id="creature"></div> |
1 2 3 4 |
#creature { height: 500px; margin: 20px 0; } |
Подключаем:
Найдено на codepen.io у пользователя Sean Free
Фоновый эффект падения в пламенную бездну, реализованный на JS (WebGL)
Фон со случайно расположенными окружностями для блока, секции или всей страницы
Красивая анимация фона блока или страницы, создаваемая с помощью заданной картинки
КрасивоЕ