CSS Library Other
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.
CSS Clean Pricing Table Template
This is a clean, neatly centered CSS pricing table. It's fully responsive and fluid, thanks to its use of CSS flexbox.
Pure CSS Modal Window
CSS only Page Curl Effect
This CSS example shows how to create a fully functional page curl effect using CSS3 only. Move your mouse over the curl, and it peels back to reveal content underneath.
CSS checkout style breadcrumbs
The following CSS turns a UL list into a checkout style breadcrumbs interface. Good for ecommerce checkout or an unconventional site breadcrumb trail.
Animated UL background effect
This CSS example demonstrates animating the
min-width property of an element to create a stretching background effect. Here we use the technique to add a nice rollover effect to UL lists, so the user can easily home in on a particular list item just by rolling the mouse over it. The animation uses CSS3, which works in IE10+, FF, Chrome, and Safari.
Customizing Order List style using CSS
Styling the automatically generated number counters in ordered lists can be challenging. This CSS code demonstrates one way to do it by getting rid of the default ones first, then using CSS generated content to create custom counters instead.
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.