Someone hearted a Pen I made over a year ago, a no library, minimal JS version of another I found on @codepen.

At the time, it didn't work in Firefox as it was transitioning custom properties and support for :has() there was spotty.

Now it's cross-browser codepen.io/thebabydino/pen/gOqYdJd

#CSS #cssTransition #mask #cssMask #revealEffect #textEffects #textEffect #code #coding #frontend #webDevelopment #web #dev #webDev

Someone asked how to get such a card with text content, transparent background, rounded corners and a rotating inner edge rainbow gradient glow, so here's my take on it reddit.com/r/css/comments/1gpz…

Live demo on @codepen
codepen.io/thebabydino/pen/WNV… (single div, heavily commented)

#CSS #gradient #gradients #cssGradient #glow #gradientGlow #code #coding #web #dev #webDev #webDevelopment #frontend

This little thing made this week's @codepen Spark!

codepen.io/spark/415

#CSS #code #coding #frontend #web #dev #cssGradient #webDevelopment #webDev #glow #cssAnimation #rainbow

Here's a fun #3D layered text effect on @codepen codepen.io/thebabydino/pen/vYM…

No text duplication whatsoever, no text-shadow, no JS, no images save for CSS gradients.

All done with #CSS gradients, transforms & #SVG #filter magic! 🪄

Also an entry for this week's
#CodePenChallenge.

#svgFilter #textEffects #code #textEffect #web #dev #webDev #webDevelopment #coding #frontend

W3C Sustainable Web Interest Group, nice!

w3.org/blog/2024/sustainable-w…

#ClimateChange #Sustainability #ClimateCrisis #Energy #WebDevelopment #Software #Web #W3C

Sustainable Web Interest Group is Formed

Announcement of the formation of the W3C Sustainable Web Interest Group.

^W3C

Come as you are¹ on @codepen codepen.io/thebabydino/pen/yLw…

No text duplication whatsoever, no text-shadow, no images save for #CSS gradients, no JS, just #SVG #filter magic.

Also an entry for this week's #CodePenChallenge.

¹but fully clothed

#svgFilter #textEffects #code #textEffect #web #dev #webDev #webDevelopment #coding #frontend