Skip to content

Instantly share code, notes, and snippets.

View spandera-graphics's full-sized avatar

spandera-graphics

View GitHub Profile
@spandera-graphics
spandera-graphics / index.html
Created October 24, 2016 11:49
SUPER SIMPLE FULL PAGE PRELOADER
<div class="js"><!--this is supposed to be on the HTML element but codepen won't let me do it-->
<body>
<div id="preloader"></div>
<h1>SUPER SIMPLE FULL PAGE PRELOADER</h1>
<p>Works with modernizr, or you could just add your own js class to the html element using javascript</p>
<p>You can make it fit your site better by generating your own image here: http://ajaxload.info/ then change the background color in the css</p>
<p>The example below doesn't fade out because the pageload event isn't fireing I'm guessing? but it will on your site when your page loads.</p>
</body>

#Codevember - Day 1

Codevember and ten lines challenge. I have no idea why this looks different on Firefox vs Chrome.

Inspired by Neon Orbit.

A Pen by Giana on CodePen.

License.