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

CSS Library Links & Buttons

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 2 of 3 pages  <  1 2 3 >

Bold CSS Buttons

Bold CSS Buttons
These big, bold CSS buttons are constructed using a rounded edge button image sliced into two pieces, then put back together using CSS. The button text style reacts on the "hover" state.

CSS Oval buttons

CSS Oval buttons
These buttons use the sliding doors technique of CSS, plus two sliced background images with "on" and "off" states, to create flexible oval shaped CSS buttons, similar to CSS Square 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.

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.

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.

Animated link underlines

Animated link underlines
This fun CSS code adds an animated underline to links on the page when the mouse rolls over them to grab visitors' attention!

CSS Breadcrumbs

CSS Breadcrumbs
Breadcrumbs is a term used to describe hierarchical links that tell the visitor where he/she currently is on your site. This CSS code transforms ordinary looking links into a breadcrumb by giving each link a background image.

CSS Pseudo-classes

CSS Pseudo-classes
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.

Page 2 of 3 pages  <  1 2 3 >

Sponsors
Copyright 2006-2016 Dynamic Drive