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