Tips to customize this cloneable

1. Avoid choosing busy images to go behind the text, so that the text stands out and is legible.
2. Try to use high contrast colors between the foreground and background.
3. Make sure to keep using the VW unit for text size for maximum responsiveness and setting the "Line" property to "No wrap".
4. Stick to sans serif fonts with bold variants and clean strokes.

See more of this effect

This is Part 1 of the text outline animation series.

Check out part 2 of this cloneable that features the outline effect triggered by cursor movement.

Check out part 3 of this cloneable that features dual moving text lines and parallax effect.