3 ms·
What's the easiest way to replicate the scroll animation they are doing? (the big with the big green circle expanding in height) I've looked at their source, l
by chrisacky 6y ago
What's the easiest way to replicate the scroll animation they are doing? (the big with the big green circle expanding in height)
I've looked at their source, looks to be a <div> which upon scroll updates the --root-vars (whcih is then used for the transform/scale css ruules)
--component-position: 0px;
--shape-position: 714px;
--image-height: 712px;
--offset-image-wrapper: 1248px;
--offset-middle-image-value: 219.667;
--scroll-position: 530px;
--opacity-value: 0.507736;
Unfortunately the actual implementation is all hidden in the common.min.js behind the data-android-component-config
{'small': {'easeShape': 0.005}, 'medium': {'easeShape': 0.002}}
I'm just curious if there's any libraries which handle all the breakpoints,animations, style updates without needing to reinvite. For something so face-value trivial, the Google implementation sure has a lot of edge cases I can see they handle in their "setAnimations_" code.