Elements show on load then hide, then animate and show

[benjaminge1]

Hey! I’m just playing around with animations for the first time and I can’t figure out why on load, elements are showing then hiding and then animating in. I’d like them to be hidden until they’re supposed to animate in. Not flicker so it looks much smoother.
http://justaddmilk.co/Innovative_holdingpage/
Thanks!
Ben

[Beverleyh]

I see you’re using animate.css.

Try setting the initial state of the element to .element { visibility:hidden; }

Then change it to .element.animated { visibility:visible; } for when the animation kicks in.

If you need further help, please provide a reduced demo in CodePen (preferable to poking about in the developer console where there are too many other elements/distractions to filter out on a live site).

[benjaminge1]

Thank you Beverleyh!

[Author]

Posts