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 vote159 views1 answer
How to remove table border in css for last child if rowspan
CSS
0 vote139 views1 answer
Css add mp4 video
CSS
0 vote148 views1 answer
Mat slider custom color
CSS
0 vote148 views2 answers
The package could not be installed. the theme is missing the style.css stylesheet
CSS
0 vote159 views1 answer
Faire rectangle qui prend toute la largeur css
CSS
7 votes151 views3 answers
Circle button html
CSS
0 vote132 views1 answer
Sweet alert modal form
CSS
0 vote201 views1 answer
On frontend grivity form css not load
CSS
0 vote156 views1 answer
Capitalize the first letter of string using CSS
CSS
2 votes152 views1 answer
Website css not loading
CSS