Sayfa Ön Yükleme Eklentisi - 6

<!DOCTYPE html>
<html>
<head>
<title>Sayfa Ön Yükleme Eklentisi - 6 (PreLoader)</title>
<style type='text/css'>
/*<![CDATA[*/
#PreLoader{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#fff;
    z-index:1000
}
 .loader-balls{
    width:30px;
    height:30px;
    position:absolute;
    background-color:#ccc;
    top:45%;
    border-radius:50%
}
 .loader-balls:nth-child(1){
    background-color:#2196F3;
    animation:move 2s infinite cubic-bezier(.2,.64,.81,.23)
}
 .loader-balls:nth-child(2){
    background-color:#F44336;
    animation:move 2s 150ms infinite cubic-bezier(.2,.64,.81,.23)
}
 .loader-balls:nth-child(3){
    background-color:#FFC107;
    animation:move 2s 300ms infinite cubic-bezier(.2,.64,.81,.23)
}
 .loader-balls:nth-child(4){
    background-color:#4CAF50;
    animation:move 2s 450ms infinite cubic-bezier(.2,.64,.81,.23)
}
 @keyframes move{
    0%{
        left:0%
    }
    100%{
        left:100%
    }
}
/*]]>*/
</style>
</head>
<body>
<div id='PreLoader'>
<div class='loader-balls'></div>
<div class='loader-balls'></div>
<div class='loader-balls'></div>
<div class='loader-balls'></div>
</div>
</body>
</html>

Kodeks Editör

Sayfa Ön Yükleme Eklentisi - 6

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

Yorum Gönder

Kodeks Editör

İletişim Formu

Sayfa Ön Yükleme Eklentisi - 6

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

Yorum Gönder