Сегодня мы будем создавать скрипт для просмотра содержимого альбома со слайд-шоу. Он может быть использован как фотогалереи, интернет-магазины, страницы профиля и многое другое. Пример взят в Facebook, где вы наведите курсор мыши на альбом и получаете слайд-шоу из некоторых из фотографий, содержащихся в нем.... Читать дальше »
В этом уроке мы увидим, как можно использовать 3D преобразования, чтобы
создать интересную форму входа.
Мы будем иметь две формы - логина и пароля, видимую с одной
стороны. Нажатие на ссылку (ленты в примере), вызовет CSS3 вращения по оси Y,
которое откроет другую часть формы эффектом переворота листа.... Читать дальше »
Страница описания продукта является местом, где
сконцентрирована информация о вашем товаре. Именно здесь закладывается интерес
посетителя к представляемому предмету или услуге. Как правило, на такой
странице содержится общее описание продукта, особенности и несколько
изображений. Подать оригинально такую информацию достаточно сложно. Но есть
библиотека JavaScript, которая поможет решить задачу.... Читать дальше »
Применение CSS 3D преобразования для компонент может
принести больше реализма для плоских элементов сайта. В результате наших проб,
создали шаблон для ресторанного сайта,
где открывается 3D меню. Нажатие на связанные элементы откроет
модальное окно, в котором содержится
белее подробная информация о заказе.
... Читать дальше »
ВИДЖЕТ ДЛЯ ВЫВОДА ПОХОЖИХ НОВОСТЕЙ НА JQUERY И CSS3
Сегодня будем создавать нечто вроде небольшого виджета,
который можно использовать, для показа похожих новостей на сайте. Основная идея
заключается в том, чтобы показать фиксированный список в правой части экрана с выглядывающими
иконками.
... Читать дальше »
Создаем рекламный
щит c эффектом вращения, на JQUERY и CSS
В этом уроке мы будем использовать несколько изображений,
CSS и JQuery, чтобы создать эффект вращающегося рекламного щита с двумя
объявлениями. Идея состоит в том, чтобы сделать один набор изображений
исчезающий, а другой (другие объявления) появляется. Мы будем уменьшать ширину
каждого исчезающего среза, и увеличить
ширину каждого появляющегося среза. Это даст эффект вращения, так же, как во
вращающейся системе рекламного щита.
... Читать дальше »
Сегодня мы продолжаем рассматривать HTML5 с применением фильтров к изображению,
сегодня я хотел бы поделиться с вами способом нанесения эффекта тиснения к
изображениям. Это довольно сложный способ, но я уверен, что вы можете повторить
его. В нашей демо вы можете работать с различными изображениями, нажав на
кнопку «Применить эффект», а также мы можем «экспортировать» наш результат на
элемент изображения (<img>).
... Читать дальше »
Этот урок рассказывает о создании анимированных 3D Cube слайд-шоу (фотографии
находятся в стенах куба). Сам куб вращается непрерывно.
... Читать дальше »
До сих пор мне вспоминаются 2000-е годы, когда
воспроизведение музыки или видео на сайте было ограниченным. Сегодня же
ситуация сильно изменилась, в нашем распоряжении есть такие сайты как last.fm,
Youtube...... Читать дальше »
Сегодня создадим музыкальные выпадающего меню (HTML5 +
CSS3). Это меню имеет css3 анимационный эффект (эффект выпадения при
наведении на элементы меню). Мы также использовали HTML5 аудио элементы
для того, чтобы добавить музыку к этому меню. Если вы готовы,
начнем.... Читать дальше »