Интерактивная блок-секция с одноразовой анимацией выгорания изображения и текста
Эффект имитации выгорания изображения с наложенным текстом, реализованный с использованием Canvas и WebGL-шейдера.
Анимация запускается по клику или другому событию, например, когда секция попала в видимую область экрана.
Блок-секция для трех карточек с трехмерным параллакс эффектом
Красивый эффект трехмерной трансформации блока при движении курсора мыши.
Туман на фотографии, который убирается курсором мыши
Небольшой и не требующий дополнительных библиотек JS-код, который создает на фоновом изображении движущийся туман и стирает его движением курсора мыши.
6 вариантов анимированных фонов на CSS для секций, слайдеров или блоков
Данные фоны могут использоваться не только как самостоятельные, но и как наложенные на фото или слайдер.
Во всех примерах есть возможность изменить фото секции и прозрачность анимированного фона.
Появляющиеся от движения курсора мыльные пузыри
Реализующий пузыри скрипт компактен и не требует дополнительных библиотек.
Падающий снег для шапки, секций или фотографий
Простой способ наложения падающих снежинок на секции или фотографии всего одним элементом <div class="snowblock"></div>
Капли воды для оформления фона блока или секции
Капли в нужном масштабе расставляются по блоку или секции абсолютным позиционированием.
Двигающаяся по секции окружность, в которой меняется цвет текста
Код для данного решения относительно прост, но требует конкретной подгонки всех параметров под размер секции и количества текста.
Двигающийся по секции мяч на CSS
Движение мяча основано на CSS-анимации.
