CSS Only Slider

Significa
Jan 20, 2017 · 7 min read

Pros

Cons



Conceptual aside: Radio buttons

<input type=“radio”>
<input type=“radio” name=“slider”>
<input type=“radio” name=“slider” checked>
<label for=“”>This is a clickable label</label>
<input type=“radio” name=“slider” id=“slider-1”>
<label for=“slider-1”>This is clickable</label>

1. The Markup

2. The Functionality

Conclusion


Significa Blog

Significa is a design-led agency focused on product development: we take on products from inception to launch, from business model to people’s pocket, from wireframe to continuous deployment.

Significa

Written by

Significa

Making products meaningful @ significa.pt

Significa Blog

Significa is a design-led agency focused on product development: we take on products from inception to launch, from business model to people’s pocket, from wireframe to continuous deployment.