Сегодня будем
создавать красивый эффект всплывающих миниатюр для навигации слайдов. В нашем примере мы будем показывать миниатюры
на следующие и предыдущие изображение слайдера при наведении на него стрелки мыши. Осуществляется
это с помощью CSS3 трансформаций.
Мы собираемся использовать CSS анимацию для достижения цели,
которая будет требовать ключевых кадров. В HTML ниже устанавливает 7 div,
которые 5 из них папки, 1 кнопка и основная папка, которая вмещает в себя другие папки. Все 7 div имеют значок папки и
некоторый текст, 6 из них, имеют ссылку
навигации.
В данном уроке мы будем создаватькрасивое, профессиональное, горизонтальное выпадающее меню на CSS.Меню создавалась с использованием только одного изображения. Градиент, тень, и закругленные углы сделаны при помощи CSS 3.
Чтобы превратить обычную
ссылку на своей странице в анимированную
кнопку CSS3, нужно просто
присвоить кнопке класс button и один из поддерживаемых цветов. Ниже приведено
несколько примеров:
В этой статье мы хотим поделиться с вами креативными
эффектами, которые можно применить для анимации книг с помощью CSS 3D
трансформаций.
Мы будем работать с двумя типами книжных обложек: в твёрдом
и мягком переплёте. В обоих случаях, мы позаботились о том, чтобы
редактирование контента не вызывало больших проблем.... Читать дальше »
Ленты являются чрезвычайно популярным элементом дизайна.
Сделаем элемент,
использующийся в оформлении страниц веб проектов - ленту с текстом. Для решения
задачи потребуется только один HTML элемент и CSS. Никаких изображений и
JavaScript.
В этом уроке мы создадим уникальный раздвижной навигационный блок. Идея состоит в том, чтобы сделать меню со слайдами. Мы также будем включать подменю с ссылками на страницы. Подменю будет скользить влево или вправо в зависимости от пункта меню.
... Читать дальше »
При разработке сайта для продукта или услуги, ваша работа в
качестве веб-дизайнера / разработчика, заключается в том чтобы ваша таблица цен,имела
интуитивно понятный и легкий использовании дизайн. Таким образом, вы
поможете пользователям выбрать лучший план для их потребностей.
... Читать дальше »
В этом уроке мы будем писать JQuery плагин для создания
блестящей ручки управления. Точно названный knobKnob, этот плагин будет
использовать CSS3 преобразования и новый метод в JQuery обработки событий,
чтобы дать посетителям вашего сайта новый способ интерактивного выбора значения
из диапазона.
... Читать дальше »
В этом уроке мы увидим, как можно использовать 3D преобразования, чтобы
создать интересную форму входа.
Мы будем иметь две формы - логина и пароля, видимую с одной
стороны. Нажатие на ссылку (ленты в примере), вызовет CSS3 вращения по оси Y,
которое откроет другую часть формы эффектом переворота листа.... Читать дальше »
