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

Рамки для фонового видео

Адаптивные рамки для встроенного фонового видео HTML5

Данные рамки можно использовать для оформления блоков или секций, в которых используется фоновое видео.

Обратите внимание, что в теме используется несколько фонов и видеофайлов, общим размером более 10мб.

Читать далее

ТВ-рамки для видео из YouTube

Адаптивные ТВ-рамки для видеофайлов с YouTube

По умолчанию во всех примерах вместо видео с YouTube грузится его скриншот, а подмена на ролик реализована небольшим кодом на jQuery.

Читать далее

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

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

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

Читать далее

Выделение лиц на фотографии

Увеличение и выделение лиц и других объектов на фотографии

Решение на jQuery для выделения и увеличения объектов на фотографии при заходе на них курсора мыши или нажатии в мобильном варианте.

Данным способом можно понятно и красиво выделить людей на групповом фото или, например, отметить элементы какого-нибудь строения.

Читать далее

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

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

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

Читать далее

Колода фотографий

Тасующиеся по клику фотографии как колода карт

Решение выполнено на jQuery, и может работать на всех экранах и с любым количеством фотографий

Читать далее


Вертикальный аккордеон для фотографий

Вертикальный аккордеон с раскрывающимися по клику фотографиями

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

Читать далее

Замена блока на фотографию при наведении курсора

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

Ховер-эффект реализован с использованием SVG, JS и CSS-переходов.

Читать далее

Перелистывающиеся страницы с фотографиями

Эффект перелистывания страниц с фотографиями на CSS

Решение сделано на чистом CSS для 5-ти страниц (фотографий)

Читать далее