position resets after adding an extra :hover animation

[ryjogo]

I'm adding an extra :hover to my class,
however it fires off, but resets automatically when finshed.

(Example scss)

.nudge-up {
  @include transition(transform .2s ease-in-out);
  &:hover {
    @include transform(translate(0px, -5px));
  }
}

i wish for it to stick until i loose focus, when i remove my WOW js init, this is the desired behavour.

[ryjogo]

ok, i've solved my problem, could this be considered a bug?

.nudge-up {
  @include transition(transform .2s ease-in-out);
  &:hover {
    @include animation(0);
    @include transform(translate(0px, -5px));
  }
}

should it automatically stop any animations after finished? or would this be an animate.css issue?

[mdeboer]

Afaik it's a WOW 'issue' as it doesn't remove the animated class once the animation is complete. For now use your fix, I'll see if I can fix this and I'll do a pull request.

Would you mind giving it a spin when I fixed it? 👍

[ryjogo]

ok thansk, and of course :)

[mdeboer]

@modstudio please see my pull request #164. Should have fixed your issue. I tried removing the animated class after animation has ended in my browser first, after that hovering with a transform worked correctly so now I included it in WOW.

[ryjogo]

Great. Works fine. It's funny becauses that error only shows up in Safari on my system.. Firefox seems figure it all out... thanks for the quick fix!