css3 animation - trouble understanding css property

Question

There is a delay in my CSS animation. I would like the animation start without delay. Tried to change some values below but couldn't archieve the result.

.wpb_start_animation.wpb_appear {
animation: 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s normal none 1 running wpb_appear;
}

Page: www.globalig.com

Thanks.

Answer 1

The animation is only being started by the jQuery. Therefore, until the jQuery has loaded, you won't see anything.

Try adding the .wpb_start_animation directly to your containers, instead of the .wpb_animate_when_almost_visible class.