Skip to main content

Search

Items tagged with: SVG

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

#dev #web #webdev #code #css #3d #filter #coding #frontend #svg #webdevelopment #SVGFilter #texteffects #texteffect #codepenchallenge @CodePen

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

The text "come as you are" in all caps. It has a gold to deep pink left to right gradient fill and four plus three same gradient stroke but no fill shadows tiled above and below and distorted in a wave-like manner. The fine print at the bottom: "but fully clothed" ;) Dev Tools panel open on the right to show there's no text duplication whatsoever, not in the markup and not in pseudo-elements.
#dev #web #webdev #code #css #filter #coding #frontend #svg #webdevelopment #SVGFilter #texteffects #texteffect #codepenchallenge @CodePen

⇧