Spinner
Autore: Ukraine.report .
Visite 514,
Followers 1,
Condiviso 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
Postato il
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!
Autore
OK ja verstehe vielen Dank :) lg Andre