Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library

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.

Page 1 of 1 pages

CSS only Page Curl Effect

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

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

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

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.

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.

Custom scrollbar colors

Custom scrollbar colors
In IE5.5+ and above, you can use CSS to customize the color of the scrollbars on the page, which includes various components of the scrollbar. This example shows you the code.

CSS Generated Content

CSS Generated Content
CSS2 supports the insertion of generated content, which is content that's specified using your style sheet and applied dynamically to the page according to your CSS definition. This is very useful for further decorating an element with rich content that should not be part of the page's actual markup.

Page 1 of 1 pages

Sponsors
Copyright 2006-2016 Dynamic Drive