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