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

44 votes130 views6 answers
Remove underline from hyperlink
CSS
28 votes130 views5 answers
Font face html
CSS
50 votes134 views3 answers
How to center in absolute position
CSS
0 vote145 views2 answers
Css flex justify self
CSS
0 vote142 views1 answer
Add youtube video in markdown
CSS
0 vote118 views1 answer
How to use * in html
CSS
0 vote135 views7 answers
Xle
CSS
1 vote131 views1 answer
Why is my css code not working
CSS
1 vote127 views1 answer
How to serve css through go
CSS
1 vote131 views2 answers
Inter
CSS