Tag Cloudish Crazy CSS Menu

Avatar of Chris Coyier
Chris Coyier on (Updated on )

OK, this is a little cheezy, but it’s just intended to be an example of something you can do with CSS. Certainly this could be adapted in any number of different ways to achieve cooler effects. The theory here is to set up a flexible width box with your menu inside. Each menu item is given a unique class. The classes are then defined with font styles and positioning information. Vertical positioning is non-flexible, but horizontal position is by way of text-alignment and/or % margins.

crazymenu1.png

crazymenu2.png

[LIVE EXAMPLE]

[VIEW CSS]

[DOWNLOAD EXAMPLE]