Reblogged by kornel ("Kornel"):
Here's css-doodle code of the second image. It may freeze your browser so I didn't create the CodePen link.
Attachments:
- css-doodle code for second image: @grid: 5 / 432px ^8 *50deg ~ -1.5% 1.9%; @seed: 1717968675285; :container { filter: @svg-filter(.013, 20, 10, seed=@r900); } background: conic-gradient( from @r(360deg), @m10.@P( #F5D700, #003A59, #00609A, #6E746E, #E2E0B8, #1E272B, #468495, #E1E0CA, #666F75, #84A16A, #413B4E, #98AEC7, #979DA4 ) ); border-radius: 50%; mix-blend-mode: overlay; transform: rotate(@r(360deg)); filter: contrast(1.15) @M10.@svg-filter(.013 .001, 100, 10, seed=@r90) @M10.@svg-filter(1.013, @r100, 20, seed=@r90) @svg-filter(dilate=@p(0, 0)) (remote)