上次更新時間
2021年6月8日
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
- Border Size
- Border Dash
- Border Gap
- Opacity
- Rounded Corner
- Position (X/Y)
- Size (W/H)
- Rotation
- Text Size
- Character Spacing
- Paragraph Spacing
- Line Spacing
- Paths
- Solid Fill
- Gradients
- Border Color
- Text Family
- Text Color
- Text Style/Weight
- Text Alignment
- Text Underline
- Image Fills
- Text Content
- Text Transformation (uppercase, lowercase, title case)
- Text Strikethrough
- Border Position
- Drop Shadow
- Inner Shadow
- Background Blur
- Object Blur
- Border Style
- Mismatch/Missing
- Auto Width and Fixed Size
- Sub-range
- 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.
