Forums

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

Home Forums CSS Stop CSS 3 animation

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #41480
    irksum
    Participant

    So is there a way to kill css3 animation on hover? So that you can apply a different hover state to the animation?

    What I’m trying to do is create a css3 opacity carousel/slider/imagey thingy that lets me kill the animation on hover (this helps with ie8) and let’s me move to transitions.

    Here’s what I’ve got
    gallery

    It let’s me switch to the other slides, but the animated opacity is still kicking in.

    Thanks internet for any help.

    #118272
    danieldatton
    Member

    I don’t think you can do it in css as there is no parent selector.

    Take a look at this i found on jsfiddle.

    http://jsfiddle.net/UFepV/

    That should run it when not in a hover state, and pause all anims when its hovered over.

    #118302
    irksum
    Participant

    Yep, that did it. but I also had to put important.

    #118337
    irksum
    Participant

    I’m such a dingbat, sorry man, I really appreciate the help.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.