Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library
 
CSS Library
Submit an original CSS code
CSS Layouts
Web Graphics
Online Tools:
Last commented:

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

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

Advertise Here

Copyright 2006-2011 Dynamic Drive Read our Usage Terms before using any of the CSS codes.