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
CSS Art two days in a row.
It's beginning to look a lot like the biggest in-store shopping day of the year.
Happy Black Friday!
π¨ Single-div CSS Art of Black Friday shopping!
π» Found on @CodePen at https://codepen.io/robleto/pen/mybbWKa
π·οΈ #cssart #css #singlediv #shopping #blackfriday
Happy Turkey Day, y'all!
π¨ Single-div CSS Art turkey!
π» Found on @CodePen at https://codepen.io/robleto/pen/KwPPWMP
π·οΈ #cssart #css #singlediv #thanksgiving #turkey
I seldom am able to join the #CodePenChallenge, but I had this week's already at the ready from a previous #divtober...
π¨ Single-div CSS Art in a Pop Art style!
π» Found on @CodePen at https://codepen.io/robleto/pen/qBYeYxb
π·οΈ #cssart #css #singlediv #popart #cpc
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
Day 31 of #divtober is βwitchyβ
Exceedingly more challenging than I would have endeavored at the beginning of the month; a testament to the confidence and craft one builds through regular practice. Nailing the animated hat tip makes this one of my favorites.
π· Found on @codepen
https://codepen.io/robleto/pen/jOdbvoY
Thank you #divtober, thank you @lynnandtonic
And thanks to you all who followed along. I'm still pretty new to this, and I appreciate all your support.
π·οΈ #css #cssart #singlediv #witch
Day 30 of #divtober is βdiscontinuedβ
Such a strange yet delightful βice cream treat, one of my favorites growing up. I gave it a Kawaii face to express its discontent about being discontinued.
π·οΈ #css #cssart #singlediv #chocotaco
π· Found on @codepen https://codepen.io/robleto/pen/jOdbKoJ
Day 29 of #divtober is βpinβ
Dedicated to my friend and now former colleague, Swetha. In the pre-COVID before-times of working in the office, Swetha would always lead the lunch train from HQ to the PTO Cafeteria.
π·οΈ #css, #cssart, #singlediv, #map, #alexandria, #pto
π· Found on @codepen https://codepen.io/robleto/pres/abXONPp
Ana Tudor π―
Greg Robleto
