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