Search
 
SCRIPT & CODE EXAMPLE
 

CSS

pure css spinner

#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);}}
Comment

pure css spinner

rotationBack
Comment

PREVIOUS NEXT
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 
ADD CONTENT
Topic
Content
Source link
Name
9+2 =