Site icon WebArtDeveloper

TABS

Author:

Made with:

About the code:

This is a simple CSS Tab in which 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.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: Yes

Dependencies:

Download Demo and Code
Exit mobile version