Skip to content

Instantly share code, notes, and snippets.

@ArtemSites

ArtemSites/index.html

Last active September 4, 2019 12:05
Show Gist options
  • Save ArtemSites/f6eb3c2009f3640ebe496b8a56e30dfb to your computer and use it in GitHub Desktop.
Save ArtemSites/f6eb3c2009f3640ebe496b8a56e30dfb to your computer and use it in GitHub Desktop.
Download ZIP
Прелоадер по загрузке страницы.
Raw
index.html
<body>
<!-- Анимированный лоадер -->
<div class="wrapper-preloader">
<video autoplay loop>
<!-- or any preloader -->
<source src='<?=SITE_TEMPLATE_PATH."/assets/preloader.mp4"?>' type="video/mp4">
<source src='<?=SITE_TEMPLATE_PATH."/assets/preloader.mov"?>' type="video/mp4">
</video>
<style>
.wrapper-preloader {
background-color: #FDFCFC;
z-index: 1001;
position: absolute;
left: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
bottom: 0;
right: 0;
width: 100vw;
height: 100vh;
}
</style>
</div>
<!-- /#wrapper-preloader -->
<script>
$(function() {
window.onload = closePreloader;
function closePreloader() {
$('.wrapper-preloader').fadeOut(300);
}
});
</script>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment