Фото, аудио и видео

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

Туман на фотографии

Туман на фотографии, который убирается курсором мыши

Небольшой и не требующий дополнительных библиотек JS-код, который создает на фоновом изображении движущийся туман и стирает его движением курсора мыши.

Опубликовано: 01.10.2024
Рубрики: Секции, Фото, аудио и видео
Метки: Canvas, JavaScript, Фото
Нет комментариев
947 просмотров

3D-сцена из нескольких фото

Вариант создания трехмерной композиции из нескольких картинок наложенных на фоновое изображение

Пример имеет два варианта поворота композиции:

С использованием JS
Поворот сцены происходит средством движения курсора мыши
На чистом CSS
Поворот сцены происходит средством CSS-анимации

Опубликовано: 12.09.2024
Рубрики: Фото, аудио и видео
Метки: 3D, Авторское, Фото
Нет комментариев
806 просмотров

3D волна на фотографии

3D эффект волны на изображении при движении по нему курсора мыши

Данный эффект реализован на чистом CSS и рассчитан на 13 частей, в каждой из которой показывается определенная часть одного изображения.

Опубликовано: 03.04.2024
Рубрики: Фото, аудио и видео
Метки: 3D, CSS, Фото
1 комментарий к записи 3D волна на фотографии
1327 просмотров

Плеер для аудио-отзывов

HTML5 плеер для аудио-отзывов или других звуковых файлов

Данный плеер относительно прост и не требует подключения дополнительных библиотек.

Опубликовано: 03.11.2022
Рубрики: Фото, аудио и видео
Метки: JavaScript, Аудио
3 комментария к записи Плеер для аудио-отзывов
2812 просмотров

Эффект старого фильма для фотографии на CSS

Оформление фотографий в стиле старого фильма средствами CSS-анимации

Пример добавления к фотографии анимированных помех и теней для придания ей эффекта старого фильма.

Опубликовано: 27.10.2022
Рубрики: Фото, аудио и видео
Метки: CSS, Фото
Нет комментариев
4150 просмотров

Фоновое изображение из текста

Эффект созданного из текста изображения на jQuery

Данный скрипт для библиотеки jQuery накладывает на фоновое изображение прозрачный текст, за которым его и видно, а сам фон заливается заданным цветом.

Блок с этим эффектом устанавливается одним элементом div с различными атрибутами.