Hostgator coupons for up to 99% off hosting for Dynamic Drive visitors!
Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library
 

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.

Page 12 of 19 pages « First  <  10 11 12 13 14 >  Last »

CSS Square buttons

CSS Square buttons
These buttons use the sliding doors technique of CSS, plus two sliced background images with "on" and "off" states, to create flexible glossy looking CSS buttons. Each button can accommodate text of variable widths and supports a hover effect when the mouse rolls over it. The only limitation is the height of the button, which is fixed based on the background image's height.

Glossy Horizontal Menu

Glossy Horizontal Menu
A nicely curved, glossy looking horizontal menu. Three images are used to create the interface- an underlining repeating gradient image, plus left and right parts of a sliced tab image for the selected tab.

CSS Indent Menu

CSS Indent Menu
Using two gradient background images, this horizontal CSS menu makes the active/ selected menu item appear indented. The width of the menu is set to 80% of its container in the demo .The entire menu markup plus images combined comes in at a very lean 2.5kb.

CSS Pagination Links

CSS Pagination Links
Inspired by the pagination interface you see at the footer of Digg.com, this is our version of a CSS pagination links bar, digg style. The links are list based.

Inverted Shift Down Menu II

Inverted Shift Down Menu II
This inverted horizontal menu creates tabs where the active tab is both longer and its text offset downwards compared to its less active counterparts. It does this by manipulating the tab's top/bottom padding values plus the color of its bottom border.

Inverted Shift Down Menu

Inverted Shift Down Menu
This clean CSS horizontal menu contains tabs with text that shift downwards slightly when the mouse rolls over it. And just for demonstration, it shows how to make the bottom corners of each tab rounded using CSS3 and Mozilla's proprietary declarations for rounded corners.

Inverted Modern Bricks Menu

Inverted Modern Bricks Menu
By popular request, this is an alternate, inverted version of the original Modern Bricks Menu. Markup wise it's slighter smaller than the original version.

Page 12 of 19 pages « First  <  10 11 12 13 14 >  Last »

Sponsors
Copyright 2006-2015 Dynamic Drive Read our Usage Terms before using any of the CSS codes.