Следующая за курсором разноцветная лента
Фоновый эффект на JS с двигающейся за курсором мыши разноцветной ленты
Движение ленты происходит средствами JS в заданной области <canvas> без использования дополнительных библиотек.
Простые решения по работе с фонами и паттернами
Перейти в разделДвигающееся за курсором существо
Фоновая анимация с двигающимся за курсором мыши существом
Обратите внимание, что данная анимация использует библиотеку p5, которая имеет приличный размер (800 кб.). Поэтому используйте ее с осторожностью, и там где это не будет мешать пользователям.
Фон с рандомными окружностями
Фон со случайно расположенными окружностями для блока, секции или всей страницы
Небольшой скрипт для создания в заданной области случайно расположенных окружностей разных размеров и оттенков.
Фон с разноцветными существами
Фон для секции или всей страницы с разноцветными существами, похожими на пипидастров
Фон генерируется случайным образом и хорошо подойдет для сайта детской тематики
Вращающаяся сфера на JS
Фоновый эффект с вращающейся 3D сферой, состоящей из частиц
Красивый эффект для фонового изображения подходящей тематики. Реализующий его скрипт компактен и не требует дополнительных библиотек.
Блок-секция с мороженным
Анимированный фон для блока или секций с размахивающим руками мороженным
Решение выполнено с использованием SVG анимации
Слайдер-презентация с красивым эффектом
Слайдер-презентация на JavaScript с красивыми эффектами на фото и видео
Несмотря на то, что данная презентация довольно ресурсоемкая и использует две библиотеки (three и gsap, общим весом 700кб), на ее основе можно создать очень красивую титульную страницу, например, для персонального сайта.
Красочный фон турбулентности на JS
Эффект со случайным турбулентным фоном для блока или секции
Фон реализован небольшим JS кодом без добавления каких-либо библиотек и плагинов
Капля случайной формы на JS
Эффект с появляющейся рандомной каплей в качестве фона для секции
Капля реализована небольшим JS кодом без добавления каких-либо библиотек и плагинов
