Sorry, the InVision Help Center does not support Internet Explorer. Please download Microsoft Edge or another modern browser.

How do I animate layer fills?


Studio seamlessly transitions from one layer fill type to another. Here are a few ways to animate your layer fills:

  • Between colors: Transition from one color fill to a different color fill.
  • Color stops: Transition from a solid color fill to a gradient fill.
  • Cross-fade gradients: Transition from one gradient fill to a different gradient fill.
  • Cross-fade images: Transition from one image fill to another image fill or from an image fill to any other fill type.
  • Fade alpha to 0: Transition from any fill type to no fill.
  • Fade alpha to 100: Transition from no fill to any fill type.

Learn more about basic prototyping interactions or advanced animations in the Studio Getting Started Guide.

Was this article helpful?

Still have a question?

Contact Us