Saw a @codepen demo using... a lot! of elements (screen 1) and quite a bit of #CSS to create a simple loader, so I forked it and made a 1 div version (screen 2) in under 30 CSS declarations (gradients, mask, variables to only change --c0 and --c1 values for 2nd loader): https://codepen.io/thebabydino/pen/PwoLJLR
A little spinner I made years ago on @codepen but never shared publicly https://codepen.io/thebabydino/pen/OJQKbKW
Know the animated 
border + glow effect that's all the rage? It's normally done by adding an opaque cover on top of two layers.
But what if we wanted a (semi)transparent background within the border? It's possible with pure #CSS!
Heavily commented on @codepen https://codepen.io/thebabydino/pen/KwPBvzo
Because somebody asked how to fix an animated border glow effect on scroll entry (https://www.reddit.com/r/css/comments/1i1ts9q/comment/m79twbr/), here's my take on @codepen
https://codepen.io/thebabydino/pen/raBKVRG
Four options in the demo. Well, two, the last two are just enhancing the second.
#tinyCSStip Want to avoid ugly checkerboard edges when pattern size depends on viewport?
Round it to be a multiple of 2px so every square edge is an int number of pixels!
--s: round(10vmin, 2px);
background:
repeating-conic-gradient(red 0% 25%, tan 0% 50%)
0 0/ var(--s) var(--s)
Made this loader https://codepen.io/thebabydino/pen/BayGjrq half a decade ago. Then it only worked in Chromium browsers with the Experimental Web Platform features flag enabled.
As of 2024, it works cross-browser, no flags needed. Since someone hearting it reminded me of its existence, updated support info.
Also on the topic of circle sectors/ pie slices 
- I've updated an old SO answer of mine https://stackoverflow.com/a/14185845/1397351
This goes through the simplest code possible in 2024 for a few cases (equal slices or not, interactive/ with content or not).
If you're interested in checking out a lot of other modern and compact #CSS patterns, you can find them under the tag in my @codepen profile
https://codepen.io/thebabydino/pens/tags/?selected_tag=css-patterns
So this very subtle pure #CSS pattern got picked on @codepen https://codepen.io/thebabydino/pen/vYqbwLN
¯\_(ツ)_/¯
(only made it to provide an answer to a question someone asked... and I almost answered with "are you sure you uploaded the right image?" because the lines were so subtle I missed them at first)
473 
Pure #CSS 1 element rainbow spinner 2017 https://codepen.io/thebabydino/pen/YNjrRo - 1st remake of a thing I first coded in 2013.
I've since made 2 more versions with more modern (and better!) CSS:
2023 https://codepen.io/thebabydino/pen/poGyEyg
2019 https://codepen.io/thebabydino/pen/exwyby
RT Konstantin Denerz
Check out my new CSS art made with conic gradients 
.
https://codepen.io/konstantindenerz/pen/abaaWEE
via @CodePen
#css #conicgradient #art https://t.co/rhPouLfrSl
