search

glimmbo / TAGG

TAGG Creative revamp
https://www.taggcreative.com
0 stars 0 forks source link

AnimatedHeader Flicker #9

Open glimmbo opened 2 years ago

glimmbo commented 2 years ago

I think I'm using useIntersectionObserver incorrectly.. theinView event on all the svg animations causes the entire page to flash when starting the animation. Similar thing happens with the WhoWeAre section.

https://user-images.githubusercontent.com/29473352/142091169-61d06637-1ba3-4ff1-ba32-47201044a0fe.mov

glimmbo commented 2 years ago

Additionally, the animation needs a variable duration based on the lengths computed from the svg paths. Currently, if the width is small, the animation is far too fast.. or is it that the lengths aren't being recalculated...? 🤔

glimmbo commented 2 years ago

@kidCaulfield this is the one