Dual text outline parallax motion effect "while scrolling"

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. Making all image layers the same size will make it much easier to set up.
3. Try to use high contrast colors between the foreground and background.
4. Make sure to keep using the VW unit for text size for maximum responsiveness and setting the "Line" property to "No wrap".
5. Stick to sans serif fonts with bold variants and clean strokes.
6. Stay tuned for V2 of this cloneable that will feature the parallax outline effect triggered by the movement of your cursor!

See more of this effect

This is Part 3 of the text outline animation series.

Check out part 1 of this cloneable that features the outline effect triggered by page scrolling.

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