Mastodon Feed: Post

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

anatudor ("Ana Tudor 🐯") wrote:

Here's a fun #3D layered text effect on @codepen https://codepen.io/thebabydino/pen/vYMdzVy

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

Attachments:

• All caps multilayer 3D text. Top layer has a dots pattern and an outline as well as a tiny extrusion for this pattern and outline, the next two have gradient fills and a 3D extrusion, while the back one is just a hashed layer. DevTools panel open on the right to show there's no text duplication and no JS at play. The text is contenteditable, so the recording shows it being edited.