Steps to use this design pattern (10min)
- Use webAsOne integrated svg-editor
- Upload the background image (3min)
- Decrease brightness if necessary and Compress the image
- Upload, crop, and resize the woman's image (3min)
- Compress the image and Feather edge the image
- Use boxy-svg editor to format text and then convert to SVG path (3min)
- Copy and paste the SVG codes
- Adust the locations (1 min)
- Use GSAP3 to animate. 3 lines of codes are included.