Re: [css-d] @keyframe:hover - Transitions

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

Re: [css-d] @keyframe:hover - Transitions

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

Re: [css-d] keyframe:hover

Hey Tedd, You can animate a fair few properties: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_properties The obvious and convenient method involves the background property: http://jsfiddle.net/barney/p592d07u/ A lot more of a faff with images: http://jsfiddle.net/barney/cvys8e4n

[css-d] keyframe:hover

On Jan 11, 2015, at 5:25 PM, Crest Christopher wrote: > > I want to create an animated:hover with @keyframe using these three sprite > images but I'm not > sure if this is possible with the tag or if I have to use > background-images,

Re: [css-d] @keyframe:hover

Could you just change the background-position on hover? What do you envision happening that you need keyframes for? On Sun Jan 11 2015 at 5:25:16 PM Crest Christopher < crestchristop...@gmail.com> wrote: > I want to create an animated:hover with @keyframe using these three > sprite images

[css-d] @keyframe:hover

I want to create an animated:hover with @keyframe using these three sprite images but I'm not sure if this is possible with the tag or if I have to use background-images, instead ? Christopher