« Previous Demo: Fullscreen Slit Slider Images by Andrey & Lili Back to the Codrops Article

Image Accordion with CSS3

A css-only image accordion with "click" events.

CSS transitions are not supported in your browser Sorry, only modern browsers.

CSS3图片手风琴效果，手风琴导航菜单相信很多朋友都见到过，其实也就是折叠菜单，或者说是折叠面板，有些是鼠标滑上去就展开，有的需要鼠标点击，本款就是需要用鼠标点击，一般这类效果的实现方面可以是JS、jQuery或CSS3与JS结合，本款就是CSS3技术实现的，欢迎学习前端的朋友参考。