How can I delay the start of a CSS animation?

Question

I\'m trying to delay the trigger of a CSS animation (not slow down the animation itself, but delay it a few seconds before starting). And the image should not display before

Answer 1

Add a settimeout function

Hi there, you could add an event listen that get when you mouseover the certain element and then calls the function after 1 second.

$('slideRight').on('mouseover',function(){

window.setTimeout(function(){
    $this.addClass('onesecond');
}, 1000); //<-- Delay in milliseconds
 });