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

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

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

Читать далее

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

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

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

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

Читать далее

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

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

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

Читать далее


Секция-галерея на GSAP

Блок или секция с меняющимися мышкой фотографиями

Решение выполнено на JavaScript c использованием библиотеки GSAP и рассчитано на несколько фотографий.

Читать далее

Секция с фотографиями и раскрывающимся их описанием

Секция на три блока с фотографиями и раскрывающимся при за ходе на них курсора описанием

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

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

Читать далее