The first one is this text effect that uses absolutely no images whatsoever save for #CSS gradients.

Some #SVG filter magic 🪄 is responsible for the background texture and also for the 3D look of the text and its grainy gradients.

https://codepen.io/thebabydino/pen/gONbppb

#filter #svgFilter #texture #textEffect #textEffects #noise #cssGradient #code #coding #3D #3dText #frontend #web #dev #webDev #webDevelopment

Here is real magic 🪄 is my personal fave https://codepen.io/thebabydino/pen/JjqXjyJ

Both the texture and the 3D individual letter flip are achieved with SVG filters.

There is absolutely no JS, no images save for CSS gradients, no text duplication or splitting - you can see me edit it in DevTools below.

#CodePen #SVG #CSS #filter #code #svgFilter #coding #texture #3D #textEffects #textEffect #frontend #3dText #3dEffect #paperTexture #web #webDev #webDevelopment #dev #noJS