Spinner
Автор: Ukraine.report .
Просмотрено 513,
Подписчики 1,
Размещенный 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
Размещено
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!
Автор
OK ja verstehe vielen Dank :) lg Andre