Сьогодні ми поділитися декількома стилями та ефектами для вкладок з вами. Ви точно знайдете щось для себе, в збірці присутні багато видів - від простої коробки, до SVG форм. Ви побачите, якими цікавими можна зробити звичайні вкладки.
Для демонстрації використовується flexbox, тому переконайтеся, що ви використовуєте сучасний браузер.
Іконки для вкладок в основному взяті з Elegant Themes Line Icon Set. Ми використовуємо Icomoon додаток для створення нашого власного значку шрифту.
Для правильного функціонування вкладок, ми використовували Blueprint Responsive Full Width Tabs, пристосувавши його до наших потреб.
Основний стиль для всіх вкладок можна знайти в tabs.css, всі індивідуальні стилі - в tabstyles.css
Погляньте на деякі приклади:
Ще немає коментарів