Когда ВКонтакте поддерживает хайп
ВК добавили предзагрузчик в im-page--history_loading в виде спиннера
Кому оно вдруг понадобится на сайт или ещё куда, то вот:
В css:
#preloader {
position: fixed;
left: 0;
top: 0;
z-index: 999;
width: 100%;
height: 100%;
overflow: visible;
background: #333 no-repeat center center;
}
.kek{
animation: preloader 1s infinite linear;
display:block;
margin:50%;
}
@keyframes preloader {
to { transform: rotate(360deg); }
}
Скрипт JS:
jQuery(document).ready(function ($) {
$(window).load(function () {
setTimeout(function(){
$('#preloader').fadeOut('slow', function () {
});
},2000);
});
});
В html:
<div id="preloader"><img class="kek" src="http://vk.com/images/svg_icons/fidget_spinner.svg"></div>
<p>EXAMPLE</p>
На выходе будет так:
Непрограммист, еще учусь, кидайте тапками с конструктивом
