Статьи, приемы, хитрости и Уроки по Photoshop, Illustrator, Web дизайну и кодингу.

Примеры стильных вкладок для сайта

Примеры стильных вкладок для сайта от tympanus.net. Они использовали псевдо-элементы, SVG-файлы и CSS-переходы для некоторых техник. Сборник содержит некоторые стили и эффекты для современных вкладок; - от простых квадратов до SVG форм.

Для демонстрации использован flexbox, поэтому убедитесь, что вы просмотриваете их с современным браузером. Иконы в большинстве вкладок от elegantthemes, набор иконок использован Icomoon приложение для создания наших собственных значко шрифта. Стиль для всех вкладок можно найти в tabs.css и все индивидуальные стили в tabstyles.css 

Пример вкладок тут

Демо исходники тут

Картинки для примера:

Tab-Style-Inspiration01

Tab-Style-Inspiration02

Tab-Style-Inspiration03

Tab-Style-Inspiration04

Последнее изменениеПятница, 05 Сентябрь 2014 14:42
  • Оцените материал
    (0 голосов)
  • Опубликовано в Web coding
  • Прочитано 1857 раз
SeRbGa

SeRbGa

мечтатель

Сайт: www.serbga.ru

Оставить комментарий

Добавить комментарий


Защитный код
Обновить

Наверх

Популярные статьи

  • 1
  • 2
  • 3
  • 4

последние комментарии

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

Копирование материалов сайта разрешено только с указанием активной индексируемой гиперссылки на данный сайт!

ДИСКЛЕЙМЕР/DISCLAIMER:

Я сам вдохновляюсь материалами, которые предлагаются вам на обозрение, будь то интересные руководства или полезные и впечатляющие подборки (дизайнов, шаблонов, макетов и т.д.), и по возможности всегда сохраняется ссылка на источники, и сообщается  автор изображений, использованных в подборках или руководствах. Зачастую, ссылка на источник не ведёт напрямую к автору шедевра, но если кто-то захочет использовать какие-либо изображения, графические элементы, исходники, которые здесь предоставлены, то единственное требование, выставленное к перепосту, заключается в сохранении ссылки на источник, а также соблюдение условий лицензионного соглашения (если таковое имеется). Если кто-то желает модифицировать тот или иной продукт, изменить его, подкорректировать, то ему придется самостоятельно искать настоящего автора материала.