С информацией
Только заголовки

Анимированные CSS-фоны для секций

6 вариантов анимированных фонов на CSS для секций, слайдеров или блоков

Данные фоны могут использоваться не только как самостоятельные, но и как наложенные на фото или слайдер.

Во всех примерах есть возможность изменить фото секции и прозрачность анимированного фона.

Читать далее

Мыльные пузыри для секции

Появляющиеся от движения курсора мыльные пузыри

Реализующий пузыри скрипт компактен и не требует дополнительных библиотек.

Читать далее

Падающий снег на CSS

Падающий снег для шапки, секций или фотографий

Простой способ наложения падающих снежинок на секции или фотографии всего одним элементом <div class="snowblock"></div>

Читать далее

Капли воды на CSS

Капли воды для оформления фона блока или секции

Капли в нужном масштабе расставляются по блоку или секции абсолютным позиционированием.

Читать далее

Креативный эффект для секции с текстом

Двигающаяся по секции окружность, в которой меняется цвет текста

Код для данного решения относительно прост, но требует конкретной подгонки всех параметров под размер секции и количества текста.

Читать далее


Фиксированный фон в секции

Простой пример фиксации фонового изображения в секции при прокрутке страницы

Данный эффект напоминает параллакс, но выполнен на CSS и всего одним классом.

Решение очень простое, но подойдет не для всех изображений, в примере на этот счет есть заметка.

Читать далее

Новогодняя открытка

Блок-секция с поздравительной открыткой к Новому Году.

Данный пример выполнен на CSS и коротким JS, который служит для смены класса.

Открытка открывается по клику и отлично выглядит на всех экранах.

Читать далее

Группа из 4-х секций

Группа из 4-х секций, каждая из которых раскрывается в их контейнере

Небольшой код на JavaScript (1 кб. без сжатия), который позволяет открывать одну секцию из группы поверх остальных и выводить дополнительную информацию.

Читать далее