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