3D панорама на JS
Создание из фотографии трехмерной панорамы
Эффект панорамы реализован на библиотеке GSAP
Простые решения по работе с фото, аудио и видео
Перейти в разделВсплывающие фото-подсказки
Фотография, двигающаяся за курсором, пока он находится на заданном слове
Для реализации этого решения используется небольшой JS-код
Имитация книги из фотографии
Трансформация фотографии в обложку объемной книги средствами CSS
Данный небольшой CSS-код создает эффект "книги на журнальном столике" (coffee table books). Так называют книги, которые будут идеально смотреться на журнальном столике, а в нашем случае на странице сайта.
Эффекты смены двух фотографий на CSS
Варианты анимированной замены одной фотографии на другую средствами CSS
Фотографии меняются в циклическом порядке
3D hover-эффект ориентированный на направление курсора
3D hover-эффект ориентированный на направление движения курсора мыши
Эффект работает таким образом, что описание для фотографий (всплывающий блок) появляется с той стороны, откуда заходит курсор, и убирается туда, куда он уходит.
Рентгеновские лучи на JS
Частичный показ одного изображения под другим движением курсора мыши
Решение на JS с SVG элементами, которое позволяет частично показать одну фотографию под другой.
Вся сложность в его реализации заключается в создании двух одинаковых картинок с нужными отличиями.
Плейлисты для плеера Plyr
Создание простых плейлистов для медиаплеера Plyr
Медиаплеер Plyr — простой, легко настраиваемый и красивый плеер с массой настроек, событий и методов.
Данное решение на jQuery позволяет удобно добавлять неограниченное количество записей, которые будут воспроизведены в одном окне этого плеера.
Выдвигающееся описание для фотографий
Описание для фотографий, которое выдвигается сбоку при наведении курсора мыши
Обычно в галереях подписывают не фотографии, а только альбомы, и те не всегда. Для таких вариантов можно использовать оформление из темы "Hover-эффекты для изображений"
Но если требуется подписать именно каждую фотографию, то смотрим эту заметку
WebGL слайдер фотографий
Слайдер на WebGL с красивой сменой фотографий по клику
Фотографии меняются при нажатии и удержании левой кнопки мыши или на тачпаде
