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.
Two level CSS Tabs menu
Building on a regular CSS Tabs Menu, this CSS menu supports second level content that can be associated with specific tabs. By giving both a tab and the desired sub content a class of "selected", the sub content becomes visible on the page.
CSS Image Gallery
This is a purely CSS based image gallery that displays larger versions of thumbnail images dynamically when the mouse hovers over them. A rich HTML caption can be added to the enlarged image, and every aspect of the Image Gallery exists as plain HTML on the page.
Blue Blocks Menu
This is an attractive "blocks" CSS menu with an accompanying hover effect. We added some changes of our own to the CSS to create a consistent menu width across browsers.
CSS Image Drop Shadows
This examples shows how to add a drop shadow to any container element using CSS and the help of a large shadow image in the background.
Pseudo-class are an interesting group of selectors in CSS that apply to elements when they're in a certain state or condition. The most prevalent use of pseudo classes is to style the various states of text links.
Wire Frame Menu
This is a vertical CSS menu with a simple frame around the menu items. It's "minimalist" style allows you to customize its style further as you see fit.
Stylish submit buttons
Most people would concur the default look of submit buttons is rather unattractive. Using CSS and a nice gradient background image, it's easy to transform a form button from a duck to a swan.