This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Posted Jun 17 - Read on Facebook

Hello everyone, I ask:
framer how to do color conversion animation? I try to use between two layers of different colors to switch, but that I feel inconvenient. Is there like "Quartz Composer" that there is a "Color Transition" control nodes? I want to be one click to change the color of the animation. How to write the code?
Thank you! !


Jordan Robert Dobson

CSS styles will do it.

Jordan Robert Dobson = { backgroundColor: "red", transition: "background-color 1s ease" }

Jordan Robert Dobson

If transition doesn't work you might need "-webkit-transition": "background 1s ease" instead.

I'm pretty sure this isn't hardware accelerated so be careful going this route.


Jordan Robert Dobson 非常感谢!我这就去试试!❤️(Thank you very much! I'll go try it! ❤️)

Jordan Robert Dobson


Krzysiek Podruczny

You can also try using hueRotate property:

Jordan Robert Dobson

^ good idea


Krzysiek Podruczny Thank you, really is a good method, but not easy to control the color I want, by the hue angle change or not so well controlled, or "" meets my needs.

Read the entire post on Facebook