how to stop the levitate animation when it hovers

356
April 21, 2017, at 10:10 PM

I just wanna ask for help from you guys, is there any way to stop the levitate animation on hover.

:hover

Here is a link which shows the animation:

https://codepen.io/youbiteme/pen/RprPrN

Thanks in advance.

Answer 1
.leon:hover {
    animation: none;
}

Might be what you are looking for.

Answer 2

Just add an animation pause to your svg hover

.svg:hover .shaddow,
.svg:hover .right-movment,
.svg:hover .left-movment,
.svg:hover .leon
{
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
     animation-play-state: paused;
}

Updated Pen

Answer 3

You can try this. for levitate

.svg:hover  .leon {
      -webkit-animation-play-state: paused; /* Safari 4.0 - 8.0 */
      animation-play-state: paused;
      cursor: pointer;
}

For All

 .svg:hover  .leon,
 .svg:hover .right-movment, .svg:hover .left-movment, .svg:hover  .shaddow {
       -webkit-animation-play-state: paused; /* Safari 4.0 - 8.0 */
       animation-play-state: paused;
       cursor: pointer;
}
Rent Charter Buses Company
READ ALSO
Samsung TV running HTML

Samsung TV running HTML

I want to know if a Samsung TV DM40D ( LH40DMDPLGC/EN ) runs HTML/HTML5Someone told me that a Samsung DM40E runs HTML/HTML5 but i'm still not sure witch one runs or if it both runs

43
Delete request with HTML - AngularJS? [duplicate]

Delete request with HTML - AngularJS? [duplicate]

This question already has an answer here:

46
Image drawn in html canvas is not full-sized

Image drawn in html canvas is not full-sized

When trying to draw image on canvas using contextdrawImage() function , instead of the full image showing on canvas ( both are same size) , it shows only a zoomed area of the image

34