Фотоальбом превью с 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 анимированное меню с некоторыми из этих интересных функций. |