Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- HTML :
- <div id="pageloader" style="opacity: 0; display: none;">
- <div class="sejoga"><img src="https://dev.zpixel.com.br/sejogacara/wp-content/themes/sejogacara/assets/img/logoLoad.png" alt=""></div>
- </div>
- CSS:
- #pageloader {
- height: 100vh;
- background-size: cover;
- background-image: url(../assets/img/newsLoad.png);
- background-repeat: no-repeat;
- background-position: bottom;
- justify-content: center;
- align-items: center;
- display: flex;
- opacity: 1;
- position: fixed;
- width: 100%;
- top: 0;
- left: 0;
- transition: .5s;
- z-index: 999999;
- background-color: white;
- }
- JS:
- <script>
- jQuery(function(){
- $(document).ready(function() {
- $(window).load(function() {
- $('#pageloader').css('opacity', '0').delay(350).hide(0);
- $('body').css('overflow', 'auto');
- });
- });
- })
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement