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

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

Ховер-эффекты с наложенными друг на друга фотографиями

Примеры создания ховер эффектов, используя наложенные друг на друга одинаковые изображения

Возвращаясь к теме "Сдвиг частей фотографии в разные стороны" сделал еще несколько примеров, как использовать наложенные друг на друга одинаковые фотографии для создания интересных ховер эффектов

Читать далее

Фото в смартфоне на CSS

Вариант показа фотографии в смартфоне, сделанном средствами CSS

Для данного решения подходит любое фото, но оно будет обрезано под размеры смартфона, который реализован на CSS и не требует своей картинки.

Читать далее

Модальная картина на CSS

Пример создания модальной картины из изображения на CSS

Данное оформление фотографии хорошо подойдет для демонстрации какого-нибудь продукта. или просто личной фото для блога

Читать далее

Сдвиг частей фотографии в разные стороны

Вертикальный и горизонтальный сдвиг частей изображения в разные стороны на CSS

Пара примеров, как разрезать картинку <img> на несколько частей и произвольно сдвинуть их в нужные стороны.

Решение сделано на CSS без использования скриптов

Читать далее

Красивый эффект смены 2-х фотографий

Эффект на WebGL, который заменяет одну фотографию на другую при заходе курсора мыши

Данный эффект хорошо подойдет для титульной страницы, где нет слайдера

Читать далее

Эффект волны на изображении

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

Скрипт, реализующий данный эффект основан на WebGL и работает на библиотеке curtains.js

Читать далее

Фильтр для фотографий на WebGL

WebGLImageFilter для наложения на фотографию различных фильтров

В демонстрации скрипта я использовал различные фотографии с определенным набором фильтров. Но если добавить другие, изменить их или удалить, то можно получить много различных эффектов.

Читать далее

Анимация фона с помощью изображения на JS

Красивая анимация фона блока или страницы, создаваемая с помощью заданной картинки

Скрипт, реализующий данную анимацию, работает на библиотеке TweenMax

Читать далее