Skip to content

Instantly share code, notes, and snippets.

@kharakhordindemo

kharakhordindemo/index.html

Created December 6, 2017 15:09
Show Gist options
  • Save kharakhordindemo/7168805445ad8a00f0c2f047b3d6da3a to your computer and use it in GitHub Desktop.
Save kharakhordindemo/7168805445ad8a00f0c2f047b3d6da3a to your computer and use it in GitHub Desktop.
Download ZIP
Preloader
Raw
index.html
<!-- Preloader -->
<div class="loader">
<div class="loader-inner"></div>
</div>
<!-- Preloader End-->
Raw
script.js
//Preloader
$(window).load(function() {
$(".loader-inner").fadeOut();
$(".loader").delay(400).fadeOut("slow");
});
Raw
style.css
//Preloader
.loader {
position: fixed;
z-index: 9999;
bottom: 0;
left: 0;
right: 0;
top: 0;
height: 100%;
width: 100%;
background: none repeat scroll 0 0 #ffffff;
.loader-inner {
position: absolute;
top: 50%;
left: 50%;
height: 60px;
width: 60px;
margin-top: -30px;
margin-left: -30px;
background-image: url("../img/preloader.gif");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-color: #fff;
}
}//.loader
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment