Сегодня я расшарил набор из 14 видов различного дизайна вкладок на HTML, все их можно и нужно посмотреть в материалах демо. Вкладки написаны при помощи CSS3 и с незначительным использованием JavaScript. Прикрепляем файл со стилями и скриптом к себе в проект или просто выдираем нужные куски копипастом.
Во вкладках используются популярные ныне SVG изображения, при помощи которых, в частности, были сделаны перекрывающиеся элементы дизайна и плавные переходы линий некоторых блоков.
Важно! Переходные наложенные друг на друга области все кликабельны! Вкладки адаптивные и будут хорошо смотреться как на компьютере, так на телефоне.
Вот другие статьи по теме, ранее мной уже не однажды затрагиваемой:
Простые вкладки-табы на jQuery;
Табы для сайта на jQuery с красивыми эффектами.
Для тех, кому лень лезть в демо – скрины:
