Reply To: animation

[Support]

Hello,

Here’s the code you need to trigger the animation on hover:

#header .header-logo:hover {
    animation-name: shakeY;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

Loop with delay is more complicated to do, especially with the shake effect. Will be needed create a custom shake animation. Here’s a link explaining how to do loop animations with delay:

CSS Keyframe Animation with Delay Between Iterations

Hope this helps!

Please try that and let us know if you need further assistance.

kind Regards,

Rodrigo.

---

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---