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.
Flat flipping menu buttons
These menu buttons combine the two hot trends that are flat design (absence of bevels, gradients and shadows etc) and CSS3 to create a bold and modern looking navigation buttons. They flip in 3D space when the mouse rolls over them.
Pop up form labels
When it comes to filling out form fields, any contextual help is always appreciated. This CSS code takes the label element of a form field and transforms it into a pop up label that's sure to get noticed, not to mention provide guidance.
CSS3 Sonar Menu
CSS3 Sonar Menu is a horizontal list menu that highlights each menu link with a pulsating sonar effect.
Responsive 2 column form
This is a clean, two column form that's also responsive, turning into a single column spanning the entire width of the page when the window's size is 480px or less.
Swinging keyframe animation
Using CSS3 keyframe animations, we can control the exact style of an element at any point in time. Here we use
keyframes to create a swinging effect, by modifying an element's rotation gradually over time until resting position, or 0 degrees.
Flipboard CSS buttons
Flipboard creates a series of CSS buttons that flip horizontally on themselves when the mouse rolls over them, creating an elegant, eye catching effect. It employs CSS3 transform and transitions to do the heavy work.
Rollover Text Menu
This CSS menu creates the popular rollover text effect of text sliding up to reveal a duplicate of itself when the mouse rolls over a menu item.