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