Бесплатные Zocial кнопку Set: Социальные кнопки CSS3

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

Эти действия часто являются важными целями для пользователей, такие как подключение сторонних счетов или обмена контентом сторонних платформ, так что их внешний вид должен быть привлекательным и clear.

Стандартные кнопки, предоставляемые третьими сторонами (такие как Facebook, Twitter и SoundCloud) различаются по размеру, стилю и интерактивность.Согласованный набор кнопки может уменьшить много, что визуальный шум и непоследовательность.Кроме того, наличие его в формате CSS означает, что изменение текста для определенных действий был бы ветер для разработчиков, а также позволяет администраторам не-английских веб-сайтов для перевода надписей на родном languages.

Кнопки набора был разработан с самого начала не требуют дополнительной разметки и элементов, используемых полностью выбору (семантически внимательный) дизайнер.Все кнопки полностью масштабируемой и настраиваемой, и они ухудшают изящно на старых браузерах, хотя эстетики в IE 6 и 7, правда уступает основе образа alternatives.

Нет растровые изображения или спрайты были использованы.Вместо этого, векторные иконки были вставлены с помощью пользовательских файлов шрифтов, @ шрифт лицу правила и псевдо-элементы.Для получения дополнительной информации, Джон Хикс имеет информативные записи up На этой technique.

Скачать набор кнопок для Free

Эта кнопка множество свободно использовать и распространять, лично или в коммерческих целях.Нет атрибуции required.

Features

  • 100%-вектор CSS3 buttons
  • @ Шрифт лицу значки и специальный шрифт files
  • 72 supported
  • Кнопки и иконки версии supported
  • Em размеров для полного scalability
  • Generic первичного и вторичного действия кнопки для consistency
  • Изящная деградация на старых browsers

Preview

Скриншоты из каждого набора приведены ниже …

Если вы хотите прочитать полностью статью, посетите сайт наших спонсоров

Comments are closed.