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

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.

Underline Horizontal Menu

Underline Horizontal Menu
This is a sleek CSS horizontal menu with a popular "underline" effect shown whenever the mouse rolls over a link. Each link (<a>) also carries a background image, used to as the indented line graphic that separates each menu item.

3D CSS buttons

3D CSS buttons
By using an element's border-style CSS attribute to outset, this CSS example shows how to easily create 3D looking CSS buttons that may even appear depressed when the mouse moves over them.

Button Vertical Menu

Button Vertical Menu
By giving each menu link a ridge border with contrasting top/left and right/bottom background colors, the result is a slightly beveled button menu.

Bevel Vertical Menu

Bevel Vertical Menu
This CSS creates an "3 state" vertical menu out of an ordinary list. When the mouse moves over the menu, the menu item bevels up. Furthermore, in modern browsers such as Firefox (not IE6), clicking on the menu creates a depressed effect while the mouse is held down.

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.