Outline text using SVG image and ::after pseudo-element


I’m hoping to get some help with achieving the effect shown in the image.

Essentially it’s an SVG showing with the text, it looks as though it’s using the ::after pseudo -element, but I can’t seem to figure out how to do this in webflow using ::after in custom code!

Any help on how to achieve this would be appreciated!


Screenshot 2023-10-25 at 16.55.10

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hi Mason,

You don’t need to use custom code to get this effect in Webflow.

You can just do it in the designer!

Take a look at this read only link where I’ve built what you need using Position Relative (for the SVG) and Position Absolute (for a containing div)

Read Only Link

Good luck with your project,


Thanks Dave! Much appreciated!