Ładowanie strony



Ciekawe rozwiądanie do ładowania strony.

<div class="preloader"></div>

<style>
.preloader,
.preloader:before,
.preloader:after {
background: #F34A53;
animation: animation 1s infinite ease-in-out;
width: 12px;
}

.preloader:before,
.preloader:after {
position: absolute;
content: '';
}

.preloader:before {
left: -20px;
animation-delay: -0.32s;
}

.preloader {
margin: 65px auto 40px;
transform: translateZ(0);
animation-delay: -0.16s;
}

.preloader:after {
left: 20px;
}

@keyframes animation {
0%,
80%,
100% {
box-shadow: 0 0 #F34A53;
height: 40px;
}
40% {
box-shadow: 0 -30px #F34A53;
height: 80px;
}
}

</style>


css3 ladowanie www




Napisz komentarz


Wprowadź kod obrazka
Capcha