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 #2
This is a multi-level horizontal CSS menu created using a regular nested HTML list, then turned into a fully functional drop down menu using CSS and a touch of jQuery. The sub menus slide in and out into view.
Uber Round Color Tabs
Uber Round Color Tabs is a solid colored CSS menu with tabs that are well rounded on each side. Thanks to two transparent gifs used to create the corners, the tabs can be customized to any desired color using CSS color values alone.
Sexy Panels Vertical Menu
Sexy Panels is a vertical list menu with a curvy right edge. Its layout not only adapts to changes to its dimensions, but is also easily customizable in terms of its color- through CSS alone.
Arrow Green Vertical Menu
Arrow Green Menu is a vertical list based menu that uses a single background image to create 3 distinct states, by shifting the image vertically to reveal a different style.
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.