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

3 votes244 views2 answers
How to modify select icon csshow to modify select icon css
CSS
1 vote250 views1 answer
Css after not working
CSS
1 vote253 views1 answer
Which css property is used to change font
CSS
0 vote275 views1 answer
Gh: stop using --force !!!
CSS
0 vote247 views1 answer
Postcss plugin
CSS
0 vote255 views1 answer
Div nth child
CSS
1 vote283 views1 answer
Active pseudo class in css not working in form text area
CSS
0 vote264 views1 answer
Carousel inner item populate with for loop puting active class on all carousel item
CSS
8 votes256 views2 answers
Css background image full screen responsive
CSS
4 votes304 views1 answer
Bootstrap file select class
CSS Bootstrap