Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library

CSS Library Image CSS

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 3 of 3 pages  <  1 2 3

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.

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 3 of 3 pages  <  1 2 3

Sponsors
Copyright 2006-2016 Dynamic Drive