This doesn't relate directly to Framer, but relevant to a prototype I'm working on with Framer.
Trying to wrap my head around how Apple animates shadows / highlights / movement on so many of their landing pages (http://www.apple.com/iphone-7/ is a great example).
Based on a bit of exploration / googling, it looks like it could be a combination of image mapping / webGL controlled through JS. But if anyone has a more educated breakdown of how this is achieved, or could point to any relevant reads/tutorials out there, that would be much appreciated. Really fascinated by the subtle effects / integration with product photography. And hope to *eventually* incorporate some of these learnings into a prototype I'm building.
Also, I could be totally off on how they are approaching this. So please correct me if I'm wrong!
Edit: here's a link to the gif I posted below, which will show an example of the animation