mig8447/FOUC-fix.md

Forked from electrotype/FOUC-fix.md

Last active September 11, 2021 12:43

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/mig8447/dc669de679fc55623032ed70d8697012.js"></script>
Save mig8447/dc669de679fc55623032ed70d8697012 to your computer and use it in GitHub Desktop.

Raw

Fix for FOUC :

At the top of your HTML:

<!doctype html>
<html>
<head>
    <style>html{visibility: hidden;opacity:0;}</style>

Just before the body closes:

    <style>html{visibility: visible;opacity:1;}</style>
</body>

Or at the end of your last .css file:

html {
    visibility: visible;
    opacity: 1;
}

Author

Typo in the "before body closes" part, should say visible and opacity:1 :-)

Thanks, fixed it :)