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

Эффект выделения блока при наведении курсора

Плавный переход фона от блока к блоку при наведении на них курсора мыши

Фон, который перемещается от блока к блоку, имеет свой собственный элемент и соответственно оформление. Используемый для этого JS-код не требует дополнительных библиотек и относительно прост, что позволяет использовать это решение в различных вариантах оформления.

Читать далее

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

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

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

Читать далее

Вертикальные вкладки

Адаптивные вертикальные вкладки на jQuery

Преимуществом данной реализации табов является их адаптивный вариант, при котором контент каждой вкладки расположен сразу за ее названием (по аналогии с аккордеоном).

Кроме этого, каждая вкладка в данном решении имеет одинаковый HTML-код, что упрощает интеграцию в любую CMS (не нужно проставлять различные ID, классы и другие атрибуты).

Читать далее

Подсветка блоков курсором мыши

Подсветка фона и рамок блоков при движении по ним курсора мыши.

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

Читать далее

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

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

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

Читать далее


Карточки в виде стикеров для заметок

Информационные карточки в виде стикеров со случайным углом наклона

Наклон карточек осуществляется случайным образом небольшим JS-кодом.

Читать далее

Фильтрация и сортировка элементов

Фильтрация и сортировка элементов с библиотекой Isotope

В данной теме нет описания самой библиотеки Isotope, а лишь представлены несколько готовых примеров для фильтрации и сортировки элементов.

Читать далее

Градиенты для блоков

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

В теме представлено 20 различных вариантов и все они применяются к одному элементу.

Читать далее

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

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

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

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

Читать далее