<div class="slide-tabs">
<input type="radio" id="radio-1" name="tabs" checked>
<label class="tab" for="radio-1">Code</label>
<input type="radio" id="radio-2" name="tabs">
<label class="tab" for="radio-2">Issues</label>
<input type="radio" id="radio-3" name="tabs">
<label class="tab" for="radio-3">Pull Requests</label>
<span class="glider"></span>
</div>
Back to Snippets
Sliding Tab Indicator CSS
Navigate between sections with style. A background pill slides smoothly to the active tab using pure CSS and radio buttons, which gives your interface a native application feel without JavaScript.
282