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