Flash on initial load then animates about wow HOT 16 CLOSED

You can add this to your CSS:

.wow {
  visibility: hidden;
}

WOW will then toggle it to visible when starting the animation.

from wow.

I think this might be worth mentioning in the readme…

from wow.

This is an extremely crucial issue that needs to be mentioned in the documentation.

from wow.

Awesome, thanks for the quick response! Worked perfectly!

from wow.

@attilaolah what if I want the opposite? Something like .wow not to be animated on DOMContentLoaded if it's visible. This means along the lines "animate only when content is revealed and not already visible"

Brought to me by http://stackoverflow.com/questions/23531064/wow-js-happens-on-page-load-and-not-on-scroll

from wow.

@tomasdev you can't do that right now… maybe open a new issue if you want that.

from wow.

adding .wow {
visibility: hidden;
}

worked for me! I was searching for ages on how to prevent the flash on page load.

thanks!

from wow.

@attilaolah You're a winner. You just fixed 8 of my projects.

from wow.

adding visibility: hidden; Worked on desktops but it will not display at all on a mobile device for me.

from wow.

from wow.

It still doesn't show on a mobile device, thanks for the suggestion though!

from wow.

To have this work on mobile wrap it in a media query like:

@media( min-width: 768px ) { .wow { visibility: hidden; } }

from wow.

tried this and also callback but not working... Please have a look @attilaolah
http://dev.webglanz.com/

from wow.

OMG I was thinking of this for so long. I finally searched it and landed here.

Perfect! even from 4 years ago

from wow.

I got here from this stack overflow post. https://stackoverflow.com/questions/23531064/wow-js-happens-on-page-load-and-not-on-scroll

Glad there is a solution!

from wow.

awesome
thank you very much for the suggestion.
you save my time.

from wow.