I have set up the variables I want to apply to the elements. Applying the variable in the styles palette works fine. Applying the variable in the interactions palette has no effect on the element. Is that a bug or am I not doing something correctly? Thanks
Having the same issues - they work unless within the animations. Anyone solve this?
Color, size, and font variables are available for use in custom animations. When selecting an action for your custom animation, you can choose to Set variable value. This allows you to change element colors, sizes, or fonts in an interaction using existing variables.
To set a variable value in your animation, go to Set variable value > Variable and choose your variable value from the dropdown.
When you use custom on color with inherit, it works very well.
But on interaction, imagine that you set a color on the icon, and when you want to back (i.e., closing the modal), it’s essential to remove the color and to back as inherent.
Thinking about more custom and scalable, why don’t you add “custom” to this dropdown?
Generally, I use GSAP or CSS to animate because the interaction feature is very limited.