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