Reblogged by slightlyoff@toot.cafe ("Alex Russell"):
anatudor ("Ana Tudor π―") wrote:
There's NO text duplication here. The text isn't included in the image either, it's actual text, the image is the backdrop.
Done with #SVG filter magic!πͺβ¨
Live demos on @codepen :
π https://codepen.io/thebabydino/pen/dyEeVrg
π https://codepen.io/thebabydino/pen/gOJzXEL(technique similar to selective saturation https://mastodon.social/@anatudor/112472767054974233)
#filter #svgFilter #poster #textEffect #filterEffect #typography #code #coding #frontend #web #webDev #dev #webDevelopment
Attachments:
- Screenshot. Shows a poster. The background image is that of a woman photographed from above, wearing a bright red dress and lying in on the ground the snow. The text "fashion" is written in all caps, vertical and upright on top of it. Wherever the text is outside the bright red dress, it has a black fill, contrasting with the white snow. Wherever the text overlaps the red dress, it has no fill, just a white stroke to contrast with the strong red of the dress.
- Screenshot. Shows a poster. The background image is that of a woman photographed from behind, wearing a dark blue dressthat contrasts with everything in the field around. The text "inner peace" is written in all caps on top of it. Wherever the text is outside the dark blue dress, it has a dark orange fill, contrasting with the green scenery around. Wherever the text overlaps the dark blue dress, it has no fill, just a very light bluish stroke to contrast with the dark blue of the dress.