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

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.

Page 16 of 17 pages « First  <  14 15 16 17 >

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.

Wire Frame Menu

Wire Frame Menu
This is a vertical CSS menu with a simple frame around the menu items. It's "minimalist" style allows you to customize its style further as you see fit.

Stylish submit buttons

Stylish submit buttons
Most people would concur the default look of submit buttons is rather unattractive. Using CSS and a nice gradient background image, it's easy to transform a form button from a duck to a swan.

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.

Highlight image hover effect (opacity or borderize)

Highlight image hover effect (opacity or borderize)
The first example changes the opacity of any image link when the mouse moves over it using the "hover:" pseudo class of CSS. Note the two different properties used to specify opacity in CSS below. In IE 5.5+, the "filter" property is used (range: 0-100), and in Firefox, "-moz-opacity" (range: 0-1). Both properties are proprietary.

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.

Floating image with no text wrap

Floating image with no text wrap
This example shows how to float images (or any content) so that the adjacent text does not wrap around it.

Page 16 of 17 pages « First  <  14 15 16 17 >

Sponsors

Advertise Here

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