background-size: 100% auto; ?
Hard to help without a link to see what is happening. Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Apr 4, 2016, at 2:22 PM, Crest Christopher <crestchristop...@gmail.com> wrote: > The hover works, but the sprite doesn't animate upon hover ? > > a { > height:23px > margin-top: -21px > display:block; > } > > a:hover { > background-position:0 -1225px // The sprite actual width > background:url ('spriteimage.png') > > If I apply the width of the sprite to the anchor, the element gets > re-positioned, as the CSS-Tricks site mentions to do but in my case as I > said, it gets re-positioned and I don't want that. > > Alex Mitchell wrote: >> >> >> On Apr 1, 2016 8:04 AM, "Crest Christopher" >> <crestchristop...@gmail.com <mailto:crestchristop...@gmail.com>> wrote: >> > >> > Hi, I was hoping someone can help; I want to animate a scribble >> effect using CSS & SVG. >> >> Chris Coyier wrote a really comprehensive guide to that sort of >> animation and how it works >> >> https://css-tricks.com/svg-line-animation-works/ >> >> Alex Mitchell >> ______________________________________________________________________ >> > css-discuss [css-d@lists.css-discuss.org >> <mailto: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://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/ ______________________________________________________________________ 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/
