<crestchristop...@gmail.com> wrote:
> You are using an animated GIF. I came to another realization; I thought
> about using transitions, from one image to another.
>
> ul.baselinks li a.prev
> {background:url('/wdp/wip/animated-hover.png');color:transparent;}
> ul.baselinks li a.prev:hover {background-position:-24px
> 0;transition:background-position:1s;}
> ul.baselinks li a.prev:link {background-position:-12px 0;}
> .imgbox {margin:35px 0 0 45px;}
>
> The hover is not working, and I can't figure out what I've done wrong ?
>
See http://css-tricks.com/almanac/properties/t/transition/
Your syntax looks wrong here:
transition:background-position:1s;
Do you really want "color:transparent;" on ul.baselinks li a.prev?
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
