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

CSS Library: CSS3 demos: Other: Here

Animated UL background effect

Author: Dynamic Drive

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.

Demo (best viewed in (IE10+, FF3.5+, Chrome/Safari, and Opera 10+):

The CSS:


Code Info

Rate this code:

Date Posted: 02/22/2013

Revision History: None

Usage Terms: Click here

Your Comments (0)

Got a question or need help customizing this CSS code? Post it in the CSS Forums. If you have a comment or suggestion instead, post it in the comments section below.

Commenting is not available in this weblog entry.
Copyright 2015 Dynamic Drive Read our Usage Terms before using any of the CSS codes.