Туман на фотографии
Туман на фотографии, который убирается курсором мыши
Небольшой и не требующий дополнительных библиотек JS-код, который создает на фоновом изображении движущийся туман и стирает его движением курсора мыши.
Простые решения по работе с фото, аудио и видео
3D-сцена из нескольких фото
Вариант создания трехмерной композиции из нескольких картинок наложенных на фоновое изображение
Пример имеет два варианта поворота композиции:
-
С использованием JS
Поворот сцены происходит средством движения курсора мыши -
На чистом CSS
Поворот сцены происходит средством CSS-анимации
3D волна на фотографии
3D эффект волны на изображении при движении по нему курсора мыши
Данный эффект реализован на чистом CSS и рассчитан на 13 частей, в каждой из которой показывается определенная часть одного изображения.
Плеер для аудио-отзывов
HTML5 плеер для аудио-отзывов или других звуковых файлов
Данный плеер относительно прост и не требует подключения дополнительных библиотек.
Эффект старого фильма для фотографии на CSS
Оформление фотографий в стиле старого фильма средствами CSS-анимации
Пример добавления к фотографии анимированных помех и теней для придания ей эффекта старого фильма.
Фоновое изображение из текста
Эффект созданного из текста изображения на jQuery
Данный скрипт для библиотеки jQuery накладывает на фоновое изображение прозрачный текст, за которым его и видно, а сам фон заливается заданным цветом.
Блок с этим эффектом устанавливается одним элементом div с различными атрибутами.
Эффективный способ размещения видео с YouTube
Удобный и красивый способ размещения на странице видео с YouTube
Небольшой скрипт на jQuery для быстрого, красивого и эффективного размещения видеороликов с YouTube на страницах вашего сайта.
Рамки для фонового видео
Адаптивные рамки для встроенного фонового видео HTML5
Данные рамки можно использовать для оформления блоков или секций, в которых используется фоновое видео.
Обратите внимание, что в теме используется несколько фонов и видеофайлов, общим размером более 10мб.
ТВ-рамки для видео из YouTube
Адаптивные ТВ-рамки для видеофайлов с YouTube
По умолчанию во всех примерах вместо видео с YouTube грузится его скриншот, а подмена на ролик реализована небольшим кодом на jQuery.
