#loading {
display: inline-block;
width: 150px;
height: 150px;
border: 5px solid rgb(26 108 97 / 54%);
border-radius: 50%;
border-top-color: #fff0;
animation: spin 1s ease-in infinite; /*use cubic-bezier(0,0,0,0) for smooth spin*/
-webkit-animation: spin 1s ease-in-out infinite;
position: fixed;
top: 50%;
left: 50%;
box-sizing: border-box;
translate: -50% -50%;
}
@keyframes spin {to {-webkit-transform: rotate(360deg);}}
@-webkit-keyframes spin {to {-webkit-transform: rotate(360deg);}}
rotationBack
Code Example |
---|
Css :: fade div |
Css :: before width not working |
Css :: rem css |
Css :: css second line indent |
Css :: font size inline |
Css :: sass css variables root |
Css :: css a little transparent |
Css :: table vertical align middle |
Css :: place items |
Css :: css scroll y showing scroll bar |
Css :: add css class c# |
Css :: background path css |
Css :: add css to django |
Css :: html css how to arrange images of different sizes |
Css :: repeat css |
Css :: style class css |
Css :: css make a cell twice as big flexbox |
Css :: transparent blur effect css |
Css :: generate css on scss save |
Css :: rel="noopener noreferrer |
Css :: background |
Css :: WordPress Permalink for bread crumbs |
Css :: importer police de caractère ds css |
Css :: center div with variable height |
Css :: ecto generator create new mvc |
Css :: css opacité fond mais pas texte |
Css :: html css click through underlying elements |
Css :: css chess pieces |
Css :: if child elemnt is hovered do changes to the container css |
Css :: flex |