CSSHUNT is the ideal resource of the world’s greatest websites and an inspirational showcase. The goal of CSSHUNT is to focused on providing its audience with a huge collection of well designed CSS based,Wordpress,Joomla and all other type of websites from around the world,To capture every step in the rapid evolution of web design and to shine a light on designers that inspire us all.
Follow us
Stairway Navigation A jQuery Plugin

Stairway Navigation A jQuery Plugin

Stairway Navigation A jQuery Plugin It’s nothing but a visual effect in which the hovered (or active) navigation item becomes the tallest “stair” and other items before and after it step down. It’s simple, but it’s not something you see very often. Probably for one major reason: you can’t select “previous” elements in CSS.

You can select “next” elements in CSS. You’d use the general sibling combinator to get all the next elements or the adjacent sibling combinator to get the very next one (which you could chain). Neither of those allow you to get the previous elements which, as you can see by the image above, is needed to do this effect justice.

Demo | Source Code

Share

Post a Comment:

  • No comments yet.
  • No trackbacks yet.
You must be logged in to post a comment.
Copyright © CSShunt 2012

Created and Powered by Solvision Media Works