Claudio recently asked how to animate a gradient based on scrolling.
The included "colorFunctions" module is 100% stolen code from motif's very own Edwin Van Rijkom - sorry! - , which will hopefully be pulled into Framer.js soon.
updated framer project: https://tr.im/scrollGradientArrayoriginal framer project: https://tr.im/scrollGradienthtml5/gif: http://gfycat.com/RegalDisgustingKillerwhale
#gradients #backgroundColor #fade #color
Nice! Thanks again!
Here's an updated/simplified version:https://tr.im/scrollGradientArray
Just punch in your gradient values into the array and you're good to go :)
Quick question, is there anyway to animate two properties of the same layer over two different curves? Like scale and position animating over two different curves?
Yes, that's easily doable but I fail to see how your question is related to my post :)
So to answer your question in a more general way: You can animate any number of layer properties separately, yet simultaneously. :)
If you attempt to animate the same property on the same layer, I go with the last one.
This is super cool.
Final version using the new, regular 'Utils.modulate' to modulate between those gradients:
http://share.framerjs.com/upoktxv4ufyz/(requires latest beta)