Pulse Of The Blogosphere » CSS – Animation xoay tròn

HOME / Other / CSS / CSS – Animation xoay tròn

CSS – Animation xoay tròn

Author: admin - Posted: 19/02/21 - Update: 19/02/21

.loading {
                    width: 20px;
                    height: 20px;
                    margin: 0 auto;
                    border-radius: 50%;
                    border-top: 2px solid aqua;
                    border-bottom: 2px solid blueviolet;
                    border-left: 2px solid #03A9F4;
                    border-right: 2px solid #FFEB3B;
                    animation: rotate360 0.5s linear 0s infinite;
}
@keyframes rotate360 {
                    from {transform: rotate(0deg);}
                    to {transform: rotate(360deg);}
}

.loading {

width: 20px;

height: 20px;

margin: 0 auto;

border-radius: 50%;

border-top: 2px solid aqua;

border-bottom: 2px solid blueviolet;

border-left: 2px solid #03A9F4;

border-right: 2px solid #FFEB3B;

animation: rotate360 0.5s linear 0s infinite;

}

@keyframes rotate360 {

from {transform: rotate(0deg);}

to {transform: rotate(360deg);}

}

CSS

CSS – effect click