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/
