Cập nhật gần đây nhất vào
8 thg 6, 2021
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.
Thiết kế nguyên mẫu UX bằng Adobe XD
Xây dựng bản mô phỏng tương tác cho trang web và ứng dụng di động.
