Components
- Accordion
- Contact
- CTA Banner
- Data Editor
- Employee Routing Search
- FAQ
- Four Column
- Fuel Surcharge Calc
- Hero Banner
- Hero Bnnaer
- Job Listings
- Left Right
- Left Right List
- Logo Slider
- Masonry Grid
- Offset
- Pro Search
- Rate Estimate
- Routing Search
- Service Area Map
- Statistics Grid
- Team Grid
- Testimonial Slider
- Text Block
- Three Column
- Three Column Image
- Two Col List
- Two Column
- Two Column List
CTA Banner
Dev
Truck animation
The php file pulls in the templates for both the road and the truck. Inside each template, I gave the svg a custom class. And I gave each g tag a custom id.
Outside of the g tag, there is a path that the designer made specifically for the truck to follow. I gave that path a custom id of road-path. Then I used scroll trigger to find that id and get the truck to follow it.