CSS3 Horizontal Accordion Demo

This accordion slider has been built using pure CSS and no JavaScript has been used. It can be used as a gallery (video or image), product tour, portfolio showcase, content slider etc. There are three examples and they support all modern browsers including IE7+. Transitions work in Chrome4+, Safari 4+, Opera 10.5+, Firefox 4+ and IE9+. The accordion is fired by :hover pseudo class, however you can easily add a click function with javascript. You can download the examples and use them in any kind of projects without any licence issue.

Leave a Reply

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