Animated CSS3 Only Horizontal Accordion

HTML5, CSS3 and JavaScript

The Fine Art of Web Development by Martin Ivanov

This animated horizontal accordion was achieved without a single line of JavaScript, but only with CSS and minimalistic markup:


The widget utilizes a form with a list of hidden radio buttons, CSS3 transitions, transforms and sibling selectors, and works with all modern browsers, including IE9 (excluding the slide animation).

Have fun and use for free, but do not forget to check the actual CSS and HTML, because they are pretty cool!

Related Posts and Links

Categories and Tags

© 2006 - 2023 Martin Ivanov