Advanced Web Designers

This page is a non profitable web guiding page which will be providing the learners proper guidance

Photos from Advanced Web Designers's post

26/01/2020

Try this code to make a cool style based loading....
The Code::::::::::::

body {
align-items: center;
display: flex;
justify-content: center;
height: 100vh;
overflow: hidden;
}gegga {
width: 0;
}snurra {
filter: url( );
}stopp1 {
stop-color: ;
}stopp2 {
stop-color: ;
}halvan {
animation: Snurra1 10s infinite linear;
stroke-dasharray: 180 800;
fill: none;
stroke: url( );
stroke-width: 23;
stroke-linecap: round;
}strecken {
animation: Snurra1 3s infinite linear;
stroke-dasharray: 26 54;
fill: none;
stroke: url( );
stroke-width: 23;
stroke-linecap: round;
}skugga {
filter: blur(5px);
opacity: 0.3;
position: absolute;
transform: translate(3px, 3px);
}
Snurra1 {
0% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: -403px;
}
}