Tabs

See the Pen Tabs by EightArmsHQ (@EightArmsHQ) on CodePen.

Tabs

Description: The + selector selects the next adjacent element. Historically this has been cool for styling labels. With CSS grid, an element can be next to another in markup, but somewhere totally different in display. This pen uses a simple input[type="radio"]:checked selector combined with a lot of +'s to style different pages of an imaginary microsite.

Browsers: Chrome Edge Firefox Opera Safari

Made with: HTML CSS (SCSS)

Responsive:Yes

Posted: 17.09.2019

Similar Examples