Scale animation jumps?

Question

On hover I wish to scale anything in the a tag, including an image.

I use:

a:hover{
    transform: scale(1.05);
}

And this works, but then when the animation ends, the image snaps back to it's original size. I need it to stay large until the hover goes out.

Please note I cannot apply the animation to the image itself because I also need to animate whatever is inside the a tag.

I have closed it as a dupe because even though the actual transforms are different, the root cause is the same. — Harry, Aug 28 '15 at 09:34

score 4 · Accepted Answer · answered Aug 27 '15 at 17:21

4

Adding display:inline-block to your <a> tag seems to fix this.

answered Aug 27 '15 at 17:21

zgood

1 Answers1