Copy Code.loader { width: 50px; aspect-ratio: 1; border-radius: 50%; padding: 1px; background: conic-gradient(#0000, #1E4D92) content-box; mask: repeating-conic-gradient( #0000 0deg, #000 1deg calc(360deg/10 - 10deg - 1deg), #0000 calc(360deg/10 - 10deg) calc(360deg/10) ), radial-gradient( farthest-side, #0000 calc(98% - 10px), #000 calc(100% - 10px) ); mask-composite: intersect; -webkit-mask-comp
![Pure CSS Loader Generator](https://cdn-ak-scissors.b.st-hatena.com/image/square/c4ac44162c3bc75a87bbf6814501e5b497cd14de/height=288;version=1;width=512/https%3A%2F%2Fwweb.dev%2Fresources%2Fpure-css-loader-generator.png)