Creating an Accordion Image Gallery with Only CSS

7th May 2012 Marvin@Blogfreakz · CSS, CSS3, Gallery/Carousel/Slider, Tutorials · 1 Comment

In creating animated transitions, Javascript has always been implemented but German web designer Heiko Stiegert has made it using only CSS. You can do this by using CSS3 pseudo-class :target and negation pseudo-class :not () properties together with CSS3 Transition Module. Get the DEMO here.

Check out his tutorial on building an accordion image gallery without Javascript by clicking on the image.

Incoming search terms for the article:

About the author

Marvin@Blogfreakz

Marvin Bea is a blogger, webmaster and musician from the Philippines. His interests include arts, photography, travel, fitness and health.

Comments
Trackbacks

1 Comment

Webstandard-Blog (Heiko)

05.08.2012

Thx for sharing Marvin ;o)

Greetings from Berlin, Germany!

Criando uma galeria de imagens accordion apenas com CSS | marceloferro.com

05.08.2012

[...] baseado no Creating an Accordion Image Gallery with Only CSS. Marcelo Ferro Desenvolvedor Web cursando 3º ano de sistema de informações, atualmente [...]
Creating an Accordion Image Gallery with Only CSS

05.08.2012

[...] Blogfreakz - Web Design and Web Development resources Tags: Accordion, Creating, Gallery, Image, Only [...]

There are no trackbacks to display at this time.