Sayfa Ön Yükleme Eklentisi - 7

<!DOCTYPE html>
<html>
<head>
<title>Sayfa Ön Yükleme Eklentisi - 7 (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-inner{
    position:absolute;
    top:calc(50% - 20px);
    left:calc(50% - 20px);
    animation:rotator 1.4s linear infinite
}
 @keyframes rotator{
    0%{
        transform:rotate(0deg)
    }
    100%{
        transform:rotate(270deg)
    }
}
 .path{
    stroke-dasharray:187;
    stroke-dashoffset:0;
    transform-origin:center;
    animation:dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite
}
 @keyframes colors{
    0%{
        stroke:#4285f4
    }
    25%{
        stroke:#ea4335
    }
    50%{
        stroke:#f7c223
    }
    75%{
        stroke:#1b9a59
    }
    100%{
        stroke:#4285f4
    }
}
 @keyframes dash{
    0%{
        stroke-dashoffset:187
    }
    50%{
        stroke-dashoffset:46.75;
        transform:rotate(135deg)
    }
    100%{
        stroke-dashoffset:187;
        transform:rotate(450deg)
    }
}
/*]]>*/
</style>
</head>
<body>
<div id='PreLoader'>
<svg class='spinner-inner' height='48px' viewBox='0 0 66 66' width='48px'><circle class='path' cx='33' cy='33' fill='none' r='30' stroke-linecap='round' stroke-width='6'/></svg>
</div>
</body>
</html>

Kodeks Editör

Sayfa Ön Yükleme Eklentisi - 7

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

Yorum Gönder

Kodeks Editör

İletişim Formu

Sayfa Ön Yükleme Eklentisi - 7

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

Yorum Gönder