.foo {
width: 180px; height: 80px; background: red;
animation: rotate 3s ease-in-out infinite;
}
.foo:hover {
background: green;
animation-play-state: paused;
}
@keyframes rotate {
from {transform: rotate(0)}
to {transform: rotate(360deg)}
}
jsfiddle.net/5npyrtufthis.color = '#fff';
$(window).on('load', function() { // смотрит когда подгружается весь контент
$('#preloader').delay(1500).fadeOut('slow'); // "удаляет" блок который закрывает body
$('body').delay(10000).css({'overflow':'visible'});// показывает сам body
})