Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /////////////////////////////////////// HTML
- <div id="preloader"><div id="preloader_inner"></div></div>
- /////////////////////////////////////// SASS
- #preloader p
- display: none
- #preloader_inner
- display: block
- position: fixed
- z-index: 99999
- top: 0
- left: 0
- width: 100%
- height: 100%
- min-width: 1000px
- background: #2574A9 url(../img/oval.svg) center center no-repeat
- background-size: 41px
- /////////////////////////////////////// JS
- var preloader = document.getElementById("preloader_inner");
- function fadeOutnojquery(el){
- el.style.opacity = 1;
- var preloader_inner = setInterval(function(){
- el.style.opacity = el.style.opacity - 0.05;
- if (el.style.opacity <=0.05){
- clearInterval(preloader_inner);
- preloader.style.display = "none";
- }
- },16);
- }window.onload = function(){
- setTimeout(function(){
- fadeOutnojquery(preloader);
- },1000);
- };
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement