Existe-t-il un moyen d'arrêter l'animation de lévitation en survol?

:hover

Voici un lien qui montre l'animation:

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

0
jricc 21 avril 2017 à 16:46

3 réponses

Meilleure réponse

Ajoutez simplement une pause d'animation à votre survol svg

.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;
}

Stylo mis à jour

0
Pete 21 avril 2017 à 14:11

Vous pouvez essayer ceci pour la lévitation:

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

Pour tous:

.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;
}
0
Peter Mortensen 22 avril 2017 à 00:58
.leon:hover {
    animation: none;
}

Peut-être ce que vous recherchez.

0
Reality-Torrent 21 avril 2017 à 13:58