We are back with another issue of the “The Mad Lab” posts. And this time we are mixing CSS3 with a little bit of jQuery to cook up a Content Gallery with images which will utilize the Sliding Door style to reveal more content on each of the gallery items as they are hovered on.

This gallery is a great presentational way to show more content using less screen real estate. A lot of information can be packed in to such a gallery where the content gets revealed to the visitors as they hover their mouse over the gallery items.

The plus factor of this gallery is the fact that we are not limiting the gallery content just to images. We are packing up a lot of information in to this power gallery by arranging a consumable set of visual content blocks made up of images, text, links etc. The gallery is going to be slick and interactive and super simple.

We are going to use the CSS transitions for the sliding actions and are going to use jQuery for adding the mouse hover events so that the gallery is a bit dynamic in accommodating any number of images.

We are back with another issue of the “The Mad Lab” posts. This time we are putting the idea of arranging some visual content block – a block of HTML containing text, images, links etc – in to a super sexy interactive content gallery. Last time we created a slick image gallery display and this time we are going to tame some HTML code blocks in to a visual gallery presentation with interactive responses all using plain and pure CSS3 declarations.

Keeping up with the tradition of “The Mad Lab” posts we are experimenting with CSS and are presenting our readers with a solution that may not be practical in any manner. But they can slice, dice and mince the code to make it useful and practical for their own personal use.

This second post from “The Mad Lab” is going to be equally funny as its predecessor creation as we are making a fun filled CSS only content gallery which is going to be visually rocking with cool animations, pop out effects etc. all without using a single line of JavaScript or any other client side scripting engines. We are going to build this pure CSS Content gallery using plain HTML mark-up and CSS only.