I have been trying to add #light & #darkmode on my website using on #purecss and HTML. The results are so so.
@mxbck personal website is
10 GOD DAMN theme switcher
https://usamainsights.com/failed-attempt-of-adding-dark-mode/
I have been trying to add #light & #darkmode on my website using on #purecss and HTML. The results are so so.
@mxbck personal website is
10 GOD DAMN theme switcher
https://usamainsights.com/failed-attempt-of-adding-dark-mode/
Pure CSS sphere of randomly positioned, non-intersecting spheres https://codepen.io/thebabydino/pen/LYXJPEb
Uses the spherical distribution tactic described here https://mastodon.social/@anatudor/110745736820689528 and then makes sure no two spheres intersect. Also: pure CSS 3D shading!
Pure CSS morphing polyhedra: dodecahedron → rhombicosidodecahedron → snub dodecahedron → rhombicosidodecahedron → icosahedron https://codepen.io/thebabydino/pen/gOjGyby
Positions & makes faces morph using CSS transforms. Which depend on CSS vars to keep code compact https://css-tricks.com/logical-operations-with-css-variables/
I turn 12 on @codepen in less than a month, so here are my most hearted demos ever:
955
Pure CSS gravity button https://codepen.io/thebabydino/pen/bGzeQrv
My only demo to ever pass 850 - a bit mixed about it, it was just an exercise in getting a certain result - please don't use it in the wild!
#cssChallenge2024 How would you code this text effect with:
no text duplication
no splitting text in multiple elements
no JS, no images at all
under 15 CSS declarations, including prettifying & layout + a simple SVG filter
Palette: 0c7fc1, f7961f, 0a161f, 323232.
If you're a $5+ patron on Patreon, you know where to find the answer.