Css loader with gradient

.loader {
  background:linear-gradient(yellow, #e90b5a);
  /* Show only 10px from the border */
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 10px),#fff 0);
          mask:radial-gradient(farthest-side,transparent calc(100% - 10px),#fff 0);
  width: 100px;
  height: 100px;
  border-radius: 50%;  
  position: fixed;
  top: calc(50% - 50px);
  left: calc(50% - 50px);  
  animation: rot 2s linear infinite; 
}

@keyframes rot {
   100% { transform: rotate(360deg); }
}

body {
  background:linear-gradient(to right,grey,white)
}

Source: stackoverflow.com

Similar codes

0 vote176 views1 answer
Chrome close tab after print
CSS
0 vote224 views1 answer
Bouton darkmode
CSS
0 vote181 views1 answer
How to set border length in css without div
CSS
1 vote180 views1 answer
Add css variables without global
CSS
0 vote173 views1 answer
Chrome developer tools css customize
CSS
8 votes180 views1 answer
Align in the middle of page html
CSS
23 votes153 views5 answers
Font weight css
CSS
0 vote167 views1 answer
Html css tilt text
CSS
0 vote179 views1 answer
Media-queries
CSS
0 vote140 views1 answer
@page css
CSS