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

1 vote113 views1 answer
Css prevent margin collapsing
CSS
0 vote130 views2 answers
How to convert directory SASS/SCSS to CSS via command line?
CSS
0 vote127 views1 answer
Css letter spacing tight
CSS
37 votes124 views2 answers
Rgb yellow color
CSS
0 vote128 views1 answer
Bash access array indirectly
CSS
17 votes144 views3 answers
Css hover mouse hand
CSS
134 votes167 views6 answers
Remove background from image
CSS
-1 vote118 views1 answer
Materialize table padding css
CSS
0 vote126 views1 answer
@fontface otf
CSS
3 votes109 views1 answer
Css sass compile run
CSS