#singlediv — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #singlediv, aggregated by home.social.
-
Because somebody hearted this demo I made 7 years ago on @codepen and it hit me I've never shared it here: pure #CSS 1 div animated 🌈 ∞ logo
https://codepen.io/thebabydino/pen/zRZKxK
#code #coding #frontend #cssGradient #web #dev #webDev #webDevelopment #cssVariables #oneDiv #singleDiv #rainbow #infinity
-
A little spinner I made years ago on @codepen but never shared publicly https://codepen.io/thebabydino/pen/OJQKbKW
#CSS #loader #spinner #code #coding #web #dev #webDev #webDevelopment #frontend #cssGradient #cssMask #conicGradient #cssSpinner #cssLoader #singleDiv #oneDiv
-
1️⃣1️⃣ 446 ❤️ Pure #CSS 1 div card backgrounds https://codepen.io/thebabydino/pen/GRRpzNX
Using mask compositing, which I explained in this article https://css-tricks.com/mask-compositing-the-crash-course/
Another where I should go through the code and improve it as it can be simplified nowadays.
#mask #cssMask #cssGradient #pattern #cssPattern #singleDiv #code #coding #frontend #webDev #web #webDevelopment #dev
-
#cssChallenge2024 Code these two backgrounds!
✨1 div per background
✨no JS
✨no SVG, no images in general save for at most 3 CSS gradients
✨under 20 CSS declarations, including layout & prettifying(if you're a $5+ patron on Patreon, you know where to find the live demo 🤫)
#CSS #code #coding #singleDiv #oneDiv #cssGradient #frontend #webDev #webDevelopment
-
A #divtober2023 entry for “fake”:
A spooky never-actually-made Texas Instruments device in the “speak and …” series
https://codepen.io/danwilson/full/QWBaRvp
(Type ‘spooky’ to see the not real Spooky Spell)
(And yes. I love single div art. And yes. October has been busy. So yes. This is a new addition to a preexisting demo and not a brand-new-from-scratch piece)