Untitled
unknown
html
2 years ago
1.2 kB
7
Indexable
<style> .preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 99999; overflow: hidden; } .preloader:before { content: ''; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 80px; height: 80px; background-image: url(logonnb2.png); -webkit-animation: spin 2s linear infinite; animation: spin 1s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .spin { -webkit-animation: spin 2s linear infinite; animation: spin 1s linear infinite; } .logo228 { width: 250px; } </style> <div class="preloader" style="justify-content: center; align-items: center; display: flex;"> <img src="logonnb2.png" class="logo228"> </div> <script> jQuery(document).ready(function($) { $(window).load(function() { setTimeout(function() { $('.preloader').fadeOut('slow', function() {}); }, 2000); }); }); </script>
Editor is loading...