Made with: HTML,CSS,JS
Made with: HTML (Pug),CSS (SCSS),JS (Babel)
This simple, mobile first, accordion to tabs example.
Made with: HTML,CSS (SCSS),JS
Tabs made with smooth scroll property. No animations or transition are used for tabs swithching. Tabs transition is done with the help of scroll-behaviour property and HTML id's.
Three links that open tabs with content below the top horizontal navigation.
A fusion between breadcrumbs & tabs creates a new kind of Rolodex-like navigation. Built with clip-path to cut out tabs and inset box-shadow to create depth.
UI/UX example: tab switch animation.
Made with: HTML (Pug),CSS (Sass),JS (Babel)