PURE CSS TABS

Author:

  • Mark Caron
  • August 22, 2017

Made with:

  • HTML
  • CSS

About the code:

This is an amazing Radio version of tabs. Requirements: not rely on specific IDs for CSS (the CSS shouldn’t need to know specific IDs), flexible for any number of unkown tabs [2-6], accessible. Caveats: since these are checkboxes the tabs not tab-able, need to use arrow keys.

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

Responsive: Yes

Dependencies:

Download Demo and Code

Add a Comment

Your email address will not be published. Required fields are marked *