Фотоальбом превью с CSS3 и Jquery

 

Сегодня мы будем создавать скрипт для просмотра содержимого альбома со слайд-шоу. Он может быть использован как  фотогалереи, интернет-магазины, страницы профиля и многое другое. Пример взят в Facebook, где вы наведите курсор мыши на альбом и получаете слайд-шоу из некоторых из фотографий, содержащихся в нем. ... Читать дальше »

3D меню для ресторанного сайта

Применение CSS 3D преобразования для компонент может принести больше реализма для плоских элементов сайта. В результате наших проб, создали  шаблон для ресторанного сайта, где открывается  3D  меню. Нажатие на связанные элементы откроет модальное окно, в  котором содержится белее подробная  информация о заказе. ... Читать дальше »

ПЛАГИН ДЛЯ ВЫВОДА ПОХОЖИХ НОВОСТЕЙ НА JQUERY И CSS3

 

Сегодня будем создавать нечто вроде небольшого виджета, который можно использовать, для показа похожих новостей на сайте. Основная идея заключается в том, чтобы показать фиксированный список в правой части экрана с выглядывающими иконками. При наведении указателя мыши на элементы, они скользят, открывая название и две ссылки, одна для перехода на материал и одна для демо-версии. Кроме того, мы установим  кнопку под списком. При нажатии на кнопку, список будет обновляться согласно категории. ... Читать дальше »

Создаем рекламный щит с эффектом вращения, на JQUERY и CSS

 

В этом уроке мы будем использовать несколько изображений, CSS и JQuery, чтобы создать эффект вращающегося рекламного щита с двумя объявлениями. Идея состоит в том, чтобы сделать один набор изображений исчезающий, а другой (другие объявления) появляется. Мы будем уменьшать ширину каждого исчезающего среза,  и увеличить ширину каждого появляющегося среза. Это даст эффект вращения, так же, как во вращающейся системе рекламного щита. ... Читать дальше »

Эффекты HTML5 Image – Emboss (тиснения изображения)

Сегодня мы продолжаем рассматривать HTML5 с применением фильтров к изображению, сегодня я хотел бы поделиться с вами способом нанесения эффекта тиснения к изображениям. Это довольно сложный способ, но я уверен, что вы можете повторить его. В нашей демо вы можете работать с различными изображениями, нажав на кнопку «Применить эффект», а также мы можем «экспортировать» наш результат на элемент изображения (<img>).

... Читать дальше »

HTML5 3D Cube слайд-шоу

Этот урок рассказывает о создании анимированных 3D Cube слайд-шоу (фотографии находятся в стенах куба). Сам куб вращается непрерывно. ... Читать дальше »

Image Flow - несколько альбомов

Сегодня я решил создать фото галерею с использование нескольких фотоальбомов. Таким образом, вы можете загружать различные наборы изображений (альбомы) на лету. Наконец, я поставил наши альбомы в CSS3 горизонтальный аккордеон. ... Читать дальше »

Создаём аудио плеер для сайта

До сих пор мне вспоминаются 2000-е годы, когда воспроизведение музыки или видео на сайте было ограниченным. Сегодня же ситуация сильно изменилась, в нашем распоряжении есть такие сайты как last.fm, Youtube... ... Читать дальше »

Фото вдохновения (эффект увеличение затухания)

Сегодня будем создавать фотогалерею с эффектом полного исчезновения и масштабирования изображения,  который отлично подойдет как для презентаций, так и для фотоальбомов.  Я подготовил 2 режима переключения (вы можете переключить его с помощью добавленной ​​кнопки) ... Читать дальше »

CSS3 анимированное выпадающее меню

В этой статье вы увидите, как можно построить удивительное CSS3 анимированное  меню с некоторыми из этих интересных функций. ... Читать дальше »