Sayfa Ön Yükleme Eklentisi - 1

<!DOCTYPE html>
<html>
<head>
<title>Sayfa Ön Yükleme Eklentisi - 1 (PreLoader)</title>
<style type='text/css'>
/*<![CDATA[*/
#preloader{
    overflow:hidden;
    background:#fff;
    left:0;
    right:0;
    top:0;
    bottom:0;
    position:fixed;
    z-index:9999
}
 .spinner{
    list-style:none;
    margin:0;
    padding:0;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
 .loader{
    display:inline-block;
    width:30px;
    height:30px;
    position:relative;
    border:4px solid #f44336;
    top:50%;
    animation:loader 2s infinite ease
}
 .loader-inner{
    vertical-align:top;
    display:inline-block;
    width:100%;
    background-color:#f44336;
    animation:loader-inner 2s infinite ease-in
}
 @keyframes loader{
    0%{
        transform:rotate(0deg)
    }
    25%{
        transform:rotate(180deg)
    }
    50%{
        transform:rotate(180deg)
    }
    75%{
        transform:rotate(360deg)
    }
    100%{
        transform:rotate(360deg)
    }
}
 @keyframes loader-inner{
    0%{
        height:0%
    }
    25%{
        height:0%
    }
    50%{
        height:100%
    }
    75%{
        height:100%
    }
    100%{
        height:0%
    }
}
/*]]>*/
</style>
</head>
<body>
<div id='preloader'>
     <div class='spinner'>
         <span class='loader'><span class='loader-inner'></span></span>
     </div>
</div>
</body>
</html>

Kodeks Editör

Sayfa Ön Yükleme Eklentisi - 1

"Sayfa Ön Yükleme Eklentisi - 1" 0 Yorum yapıldı.

Yorum Gönder

Kodeks Editör

İletişim Formu

Sayfa Ön Yükleme Eklentisi - 1

"Sayfa Ön Yükleme Eklentisi - 1" 0 Yorum yapıldı.

Yorum Gönder