Анимированный песочный эффект для изображений с реакцией на движение мыши
Эффект превращает фотографию в сотни тысяч парящих песчинок, которые реагируют на движение курсора мыши. Частицы следуют за указателем, разлетаясь в стороны и возвращаясь обратно, создавая ощущение живого, дышащего изображения.
Интерактивная блок-секция с одноразовой анимацией выгорания изображения и текста
Эффект имитации выгорания изображения с наложенным текстом, реализованный с использованием Canvas и WebGL-шейдера.
Анимация запускается по клику или другому событию, например, когда секция попала в видимую область экрана.
Эффект искажающего стекла на изображении средствами SVG и JS
Как разместить текст на фоновом изображении, чтобы он был читаемый и красиво смотрелся?
Ранее были темы Текст на размытом фоне и Варианты наложения текста на изображение, но эта немного интереснее.
Интерактивные анимированные 3D-фоны Vanta.js
Несмотря на то, что данный проект скорее всего больше не поддерживается, он имеет несколько красивых и простых в установке интерактивных анимированных 3D-фонов.
Данные анимации могут отлично украсить главные секции сайта и смотреться намного лучше чем видео
Волнистые линии для секции управляемые курсором
Фоновый эффект для шапки или секции с анимированным нейронным шумом
Шум реагирует на движение курсора мыши и на прокрутку страницы, а скрипт, который его реализует, не требует фреймворков и библиотек.
6 вариантов анимированных фонов на CSS для секций, слайдеров или блоков
Данные фоны могут использоваться не только как самостоятельные, но и как наложенные на фото или слайдер.
Во всех примерах есть возможность изменить фото секции и прозрачность анимированного фона.
Появляющиеся от движения курсора мыльные пузыри
Реализующий пузыри скрипт компактен и не требует дополнительных библиотек.
Электрический паук следующий за курсором мыши
Паук реализован на чистом JS и хорошо подойдет для оформления секции на сайтах подходящей тематики.
