CSS Library All examples
Welcome to Dynamic Drive's new CSS library! Here you'll find original, practical CSS codes and examples such as CSS menus to give your site a visual boast.
jQuery Multi Level CSS Menu #1
This is a multi-level horizontal CSS menu created using a regular nested HTML list only as far as markup, then transformed into a fully functional drop down menu using CSS and a touch of jQuery.
Urban Grey Side Menu
This is nonchalant greyish side menu that blends right in with most designs. The menu headers are
H3 tags with a non repeating background image as its bullet, while the menu links are all list based.
Wire Frame Aura Menu
This is a clean looking CSS menu with simply a gray border outlining its edges. To add a little flare, an "aura" effect is added when the mouse moves over the menu items, realized using a gradient ellipse image. This menu supports easy alignment other than "left", such as "center" or "right" instead.
Matt Black Tabs
There's often beauty in simplicity. Matt Black Tabs is a clean CSS list menu that uses no images, and very small in footprint. Each tab is floated left to achieve its look and all contained in a wrapper that negate the need to manually clear "float" for the contents that immediately follow.
Vista Aero Buttons Menu
This menu consists of a row of independent, Vista aero looking CSS buttons, and departs from the typical list based menu structure. Each button appears initially faded out slightly via CSS opacity, then brought back to full opacity during the "hover" state.
Animated horizontal tabs
These sliding doors based blue tinted tabs "jump up" when selected, such as when the mouse rolls over each one. This is accomplished using a combination of relative positioning and padding on each tab. The result are tabs that animate without any scripting.
Arrow Bullet List Menu
This CSS list menu features category headers with a two toned background, UL elements that have their default margins and padding removed, and finally, LI elements with custom bullet images. The result is something simple but elegant, and resembling something you might have seen on this site already!