Spinner
Autor: Ukraine.report .
Visitado 515,
Seguidores 1,
Compartilhado 0
Wo füge ich diesen Code von einem Spinner in meine Webseite eine - wenn ich es nur für bestimmt Seite haben möchte ... vor html nach oder oder ...
.lds-ripple {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-ripple div {
position: absolute;
border: 4px solid #fff;
opacity: 1;
border-radius: 50%;
animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
animation-delay: -0.5s;
}
@keyframes lds-ripple {
0% {
top: 36px;
left: 36px;
width: 0;
height: 0;
opacity: 0;
}
4.9% {
top: 36px;
left: 36px;
width: 0;
height: 0;
opacity: 0;
}
5% {
top: 36px;
left: 36px;
width: 0;
height: 0;
opacity: 1;
}
100% {
top: 0px;
left: 0px;
width: 72px;
height: 72px;
opacity: 0;
}
}
lg Andre
Publicado em
Wie ich schon in einem anderen (vor kurzem) Posting geschrieben habe, nützt dir so ein Code nichts, denn es wird nur dauerhaft der Spinner angezeigt und endet nicht mit der fertig geladenen Website!
Ausserdem fehlt hier der HTML code denn das ist nur der CSS Code!
Autor
OK ja verstehe vielen Dank :) lg Andre