I wrote something about #AI... something with a long title!
ChatGPT and the proliferation of obsolete and broken solutions to problems we hadn’t had for over half a decade before its launch https://frontendmasters.com/blog/chatgpt-and-old-and-broken-code/
It takes the #ChatGPT answer to a particular question, dissects it and goes through a bit of web history to explain what ChatGPT gets wrong and why.
#CSS #cssGradient #gradientText #code #web #dev #webDev #webDevelopment #coding #frontend

ChatGPT and the proliferation of obsolete and broken solutions to problems we hadn’t had for over half a decade before its launch – Frontend Masters Blog
It was a lovely day on the internet when someone asked how to CSS animated gradient text like ChatGPT’s “Searching the web” and promptly got an answer saying “Have you tried asking ChatGPT? Here’s what it told me!” – well, maybe not these exact words, but at least it rhymes. Both the question and this […]
Here's a neat little effect with no text duplication. Uses `background-clip: text` to create the split text face effect + scroll-driven animations to tie the gradient split line position to the 1st section's bottom edge.
Live on @codepen https://codepen.io/thebabydino/pen/XJWxLWV
cc @bramus
#CSS #scroll #scrollAnimation #coding #cssAnimation #gradientText #frontend #web #dev #webDev #webDevelopment #code

Contrasting heading text, no duplication
...
One of my most popular #CodePen demos of the past month: cycling gradient text glow https://codepen.io/thebabydino/pen/rNPOpJK
✨ very little #CSS + a simple #SVG filter
✨ no images whatsoever save for a CSS gradient
✨ no text duplication
✨ cycling gradient effect obtained just by animating a CSS variable
#coding #frontend #webDev #webDevelopment #svgFilter #cssGradient #gradientText #textGlow #glow #textEffect #gradientGlow #cssVariables #houdini #graphical #effect

Cycling gradient glow - no text duplication
No text duplication in the markup or in a pseudo's content. The effect is achieved with a simple, compact, easy to read SVG filter. This filter first ...