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.
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.
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
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.