Скачать или смотреть CSS Custom Loading Screen Animation.

CSS Custom Loading Screen Animation. #shorts #loader #viral #javascript #ytshorts #CSS #html

CSS CLASS LOADER
------------------------------------
position: absolute;
top: 30%;
left: 35%;
width: 150px;
border: 2px solid #31f81f;
background: #dc4949;
color: #fff;
/* border-radius: 50%; */
text-align: center;
line-height: 150px;
font-size: 20px;
text-transform: uppercase;
box-shadow: 0 0 20px rgba(63, 179, 38, 0.5);
div.loader:before {
content: "";
position: absolute;
top: 3px;
left: 3px;
width: 100%;
height: 100%;
border: 3px solid hsl(127, 100%, 50%);
animation: myanimate 1s infinite;
}
@keyframes myanimate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(405deg);
}
}