Интернет магазин шабонов
Форма входа

Бесплатный раздел

Уважаемые пользователи!
Доводим до вашего сведения, что мы не занимаемся обучениями по системе uCoz и настройками Ваших сайтов.
Подобные просьбы и вопросы - будут игнорироваться!

BHover - Большая коллекция анимированных кнопок на CSS3

Дата добавления: 28.03.2017 - 05:12
Категория: Кнопки / иконки
Добавил: Buger
Количество просмотров: 101
Количество комментариев: 0
Размер файла: 41.1Kb
Рейтинг материала: 5.0 / 2
BHover - Большая коллекция анимированных кнопок на CSS3
рейтинг 5.0
/
голосов 2
Представляем вашему вниманию большую коллекцию анимированных кнопок на CSS3, которая содержит более 70 эффектов для наведения на кнопку на чистом CSS3, которые подойдут для любого веб-сайта. Bhover имеет 7 цветовых комбинаций и содержит только CSS3 и HTML5.

Размер кнопки легко и просто настраивается путем изменения свойства кнопки. То же самое происходит и с их анимационными эффектами, так что вам нужно только выбрать свою кнопку, а остальные будут прямо пропорциональны.

Особенности

  • Чистый CSS3 + HTML5 (без JavaScript и jQuery),
  • 72 CSS3 Анимированные кнопки,
  • 7 цветовых вариантов,
  • Полностью адаптивны,
  • Оригинальный дизайн,
  • Суперпростая настройка и установка


Установка:
Подключаем библиотеки, которые отвечают за цветовую гамму и эффекты кнопок.
Код
<link type="text/css" rel="stylesheet" media="all" href="//art-ucoz.ru/files/buttons/1/bhover.css">
<link type="text/css" rel="stylesheet" media="all" href="//art-ucoz.ru/files/buttons/1/bhover_colors.css">


Теперь нам необходимо указать html разметку кнопки
Код
<a class="bh-eff1 c-green" href="#"><span></span>Кнопка</a>

Кнопка имеет свои классы для вида эффекта и цвета.

Над каждым рядом в демо сразу указаны и обозначены нужные классы, например: bh-eff5 c3-(color)
Пояснение:
  • bh-eff5 - отвечает за эффект кнопки
  • c3-(color) - отвечает за цвет, то есть вам вместо (color) необходимо указать цвет кнопки, например green


Источник: http://art-ucoz.ru/
Добавлять комментарии могут только зарегистрированные пользователи.