Learn about object properties supported for auto-animate transitions.

Depending on which object properties are modified, XD uses auto-animate to animate them across the artboards. Some properties change at the start or end, and some animate over the duration of the transition.

Desktop, mobile, and web

Properties that animate over the duration of the transition

  • Border Size
  • Opacity
  • Rounded Corner
  • Position (X/Y)
  • Size (W/H)
  • Rotation 
  • Text Size
  • Character Spacing
  • Paragraph Spacing
  • Line Spacing 
  • Paths

Properties that change at the start of transition

  • Solid Fill
  • Gradients
  • Border Color 
  • Text Family
  • Text Color
  • Text Style/Weight
  • Text Alignment
  • Text Underline
  • Image Fills 
  • Text Content
  • Text Tranformation (uppercase, lowercase, title case)
  • Text Strikethrough

Properties that change at the end of transition

  • Border Position 
  • Shadow
  • Background Blur 
  • Object Blur 
  • Border Style

Properties with fade-in and fade-out effects

  • Mismatch/Missing 
  • Point/Area Text

Properties with same effects as text

  • Sub-range

Properties with no changes

  • Object Flip

Limitations

  • Prototypes using auto-animate have certain limitation with text animation. We currently do not support animating character spacing, line spacing, and paragraph spacing on the web.
  • Prototypes using auto-animate does not support animation playback and dissolves between the start and end artboard when viewed on the following browsers:
    • IE 11
    • Edge 15
    • iOS10

As a workaround, you can open the prototype in any of the other supported browsers listed in the System Requirements.

Licencia na používanie tohto diela sa poskytuje v súlade s podmienkami licencie Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Na príspevky v sociálnych sieťach Twitter™ a Facebook sa nevzťahujú podmienky licencií Creative Commons.

Právne upozornenia   |   Zásady ochrany osobných údajov online