Free jQuery and CSS3 Content Navigation
CONTENT NAVIGATOR WITH CSS3:
Today we’ll show you how to create a content navigator with CSS only. The idea is to have several slides or content layers that we’ll show or hide using the :target pseudo-class. With CSS transitions we can make the slides appear in a fancy way. We’ll also make the whole thing responsive.
The images used in the demo are by super-talented Karrie Nodalo. Check out her Flickr photostream. The images are licensed under the Creative Commons Attribution 2.0 Generic License.
Please note: the result of this tutorial will only work as intended in browsers that support the CSS properties in use.