Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library

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+):

  • Food and Drinks
  • Events and Activities
  • Vacations
  • Education and Self Improvement

The CSS:


Code Info

Rate this code:

Date Posted: 02/22/2013

Revision History: None

Usage Terms: Click here

Copyright 2006-2016 Dynamic Drive