Mastodon Feed: Post

Reblogged by slightlyoff@toot.cafe ("Alex Russell"):

anatudor ("Ana Tudor 🐯") wrote:

7⃣ 545 ❤️ Cycling gradient glow - no text duplication https://codepen.io/thebabydino/pen/rNPOpJK

A simple #SVG filter trick.

We create the gradient text.

The filter creates a blurred copy of it and places it underneath.

We then animate the gradient stops... magic! 🪄✨

#css #svgFilter #filter #filterEffect #glow #text #textEffect #textGlow #cssGradient #code #coding #frontend #web #webDev #dev #webDevelopment

Attachments:

• Animated GIF. Gradient text having the same gradient for its text glow. The gradient cycles in between two hues 90° apart.