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/ Regards, Barney Carroll barney.carr...@gmail.com +44 7429 177278 barneycarroll.com On 13 January 2015 at 15:44, Tedd Sperling <t...@sperling.com> wrote: > On Jan 11, 2015, at 5:25 PM, Crest Christopher <crestchristop...@gmail.com> > wrote: > > > > I want to create an animated:hover with @keyframe using these three > sprite images <http://www.thecreativesheep.ca/wdp/wip/css_keyframe.htm> > but I'm not sure if this is possible with the <img> tag or if I have to use > background-images, instead ? > > > > Christopher > > Christopher: > > This is as close as I can get to an animated hover. > > First part is simply a image replacement on hover. > The second part is an animated GIT. > > http://webbytedd.com/bb/replace-image3/ > > There are other examples and the code is there. > > Use as you may. > > Cheers, > > tedd > _______________ > tedd sperling > t...@sperling.com > > > > > > ______________________________________________________________________ > 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/ > ______________________________________________________________________ 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/