CSS3 Responsive Carousel Using Radio Buttons | Bypeople

CSS3 Responsive Carousel Using Radio Buttons

The actual slider is much like any JavaScript slider. It floats all of the content areas, or articles, next to each other, and then hides the overflow.  After that, the margin of the inner div animates, so if we have five articles, moving the left-margin -100%, would give us the second article.

To save input, the authors are using radio buttons. You could also use :target and anchor links, but it doesn’t mimic Javascript in the same way as you would only be able to handle one action at a time, you would end up with a bunch of items in your history.



Related Deals


Related Posts