Fancy Rolling Navigation
Have you seen this navigation? Yes, this is a navigation menu made by Sohtanaka. In his article, the menu is made with JQuery using .animate()
techniques and .clone()
to copy each text on the menu so that we can get two stacks menu item (the red and white stack).
Here I made it with pure CSS. Alter the .clone()
function with :before
pseudo-element to get the value from the data-clone
attributes. After the two stack are created on each menu, I can easily animate this menu with transitioning the margin
property. This JQuery menu already spread everywhere, you should've seen it. Just that for some reason I did not know, Sohtanaka's site was closed! (??)
Another Sohtanaka's site: http://www.designbombs.com/