Question

4

Animate.css in hover

rated 0 times [ 11] [ 7] / answers: 1 / hits: 44686 / 11 Years ago, fri, january 17, 2014, 12:00:00

Today I tried to implement in my site animate.css

But I wanted to make sure that the 'effect is activated in the: hover
So I used jquery for this

The code is :

 $(.questo).hover( function (e) {

    $(this).toggleClass('animated shake', e.type === 'mouseenter');

});

The problem is that once you remove the mouse, the 'effect is interrupted.
It could land the 'effect even without hover effect once it has begun?

Thank you all in advance

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

leslijessalyng

Add To Favorites

Follow

Total Points: 650

Total Questions: 85

Total Answers: 109

Location: Croatia

Member since Mon, Sep 6, 2021

3 Years ago

leslijessalyng questions

1 Vue dist path for CSS and JS not found

Fri, Feb 21, 20, 00:00, 4 Years ago

1 How do I loop through multiple pages in an API?

Tue, Jul 30, 19, 00:00, 5 Years ago

1 ReactJS and autofocus

Fri, Jul 5, 19, 00:00, 5 Years ago

1 How to fix The message port closed before a response was received. after window.location.reload() in javascript

Wed, Apr 3, 19, 00:00, 5 Years ago

1 TypeError: $ .find is not a function

Wed, Mar 13, 19, 00:00, 5 Years ago

View All

answered 11 Years ago reecep · Accepted Answer

See this variant (more interactive):

$(.myDiv).hover(function(){

    $(this).addClass('animated ' + $(this).data('action'));

});

$(.myDiv).bind(animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd,function(){

    $(this).removeClass('animated ' + $(this).data('action'));

});

http://jsfiddle.net/DopustimVladimir/Vc2ug/