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

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

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее


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

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

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

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

Читать далее

Секция-слайдер с четырьмя фотографиями

Секция-слайдер, в которой каждый слайд состоит из четырех фотографий.

Кроме 4-х фотографий каждый слайд имеет фоновое изображение, заголовок и описание. И все это анимируется движком anime.js

Читать далее

Новогодняя секция

Новогодняя блок-секция с поздравлением

Всех с наступающим Новым Годом!

В преддверии этого праздника, я собрал небольшую блок-секцию с параллакс-эффектом, падающим снегом и поздравительным текстом.

Читать далее

Секция с заголовком и фотографией

Красивое оформление секции с фотографией и заголовком, который частично заполнен ей

Часть текста заголовка, наложенного на фотографию имеет заданный цвет, а выходящая за нее — её фон. Данное наложение происходит автоматически в зависимости от количества текста и размера букв, это можно проверить сузив окно браузера.

Читать далее