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.
3D CSS buttons
By using an element's border-style CSS attribute to outset, this CSS example shows how to easily create 3D looking CSS buttons that may even appear depressed when the mouse moves over them.
3D Depressible Button
CSS can be used to really jazz up a plain looking link and create an awesome "call to action" button, as in the case of our 3D depressible button here.
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!
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.
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 Button Style: Draped Background Effect
These CSS buttons are endowed with a solid background that "drapes" into view when the mouse rolls over them, creating a sleek, polished look.
CSS Dual Color Pill Buttons
These pill shaped buttons comprise of two complimentary colors using one or two pseudo elements that come over when the mouse rolls over it.