Простые решения по работе с фото, аудио и видео

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

Всплывающие фото-подсказки

Фотография, двигающаяся за курсором, пока он находится на заданном слове

Для реализации этого решения используется небольшой JS-код

Читать далее

Имитация книги из фотографии

Трансформация фотографии в обложку объемной книги средствами CSS

Данный небольшой CSS-код создает эффект "книги на журнальном столике" (coffee table books). Так называют книги, которые будут идеально смотреться на журнальном столике, а в нашем случае на странице сайта.

Читать далее

3D hover-эффект ориентированный на направление курсора

3D hover-эффект ориентированный на направление движения курсора мыши

Эффект работает таким образом, что описание для фотографий (всплывающий блок) появляется с той стороны, откуда заходит курсор, и убирается туда, куда он уходит.

Читать далее

Рентгеновские лучи на JS

Частичный показ одного изображения под другим движением курсора мыши

Решение на JS с SVG элементами, которое позволяет частично показать одну фотографию под другой.

Вся сложность в его реализации заключается в создании двух одинаковых картинок с нужными отличиями.

Читать далее

Плейлисты для плеера Plyr

Создание простых плейлистов для медиаплеера Plyr

Медиаплеер Plyr — простой, легко настраиваемый и красивый плеер с массой настроек, событий и методов.

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

Читать далее

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

Описание для фотографий, которое выдвигается сбоку при наведении курсора мыши

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

Но если требуется подписать именно каждую фотографию, то смотрим эту заметку

Читать далее