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

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

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

Медиа-плейер Plyr для HTML5, YouTube и Vimeo

Медиа-плейер Plyr для воспроизведения HTML5 аудио и видео, YouTube и Vimeo

Plyr — это красивый, простой и легко настраиваемый плеер, который поддерживают все современные браузеры. И кроме этого он имеет массу других преимуществ.

Читать далее

Развевающийся флаг на JS

Красивый эффект развевающего флага или другой фотографий с использованием WebGL

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

Реализуется эта анимация на библиотеке curtains.js

Читать далее

Анимированный эффект смены фотографий на JS

Красивая смена фоновых изображений по клику с использованием WebGL

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

Читать далее

Эффект искажения изображения на JS

Эффект искажения фотографии основанный на WebGL, похожий на нахождение под водой

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

Читать далее