Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › How to make an image spin when mouse is over it

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 22, 2019 at 9:17 am #294765
    rewelB
    Participant

    Hi, I would like to know a way to make an image spin only when the mouse is over it. For example, in this site the gear image spins just like I wish, the only diference is that i need that image spins only when mouse is over.

    August 23, 2019 at 3:00 am #294858
    Paulie_D
    Member

    Create the keyframe animation as usual but only apply it on :hover.

    https://css-tricks.com/almanac/properties/a/animation/

    August 23, 2019 at 5:36 am #294861
    veloncia2
    Participant

    Yeah, use the :hover along with some kind of translate() / transform() animation.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.