Última atualização em
08/06/2021
Saiba mais sobre as propriedades de objeto compatíveis com transições de animação automática.
Dependendo de quais propriedades de objeto sejam modificadas, o XD usa a animação automática para animá-las nas pranchetas. Algumas propriedades são alteradas no começo ou no fim, e algumas são animadas ao longo da duração da transição.
Desktop, dispositivos móveis e Web
- Tamanho da borda
- Traço da borda
- Espaço da borda
- Opacidade
- Canto arredondado
- Posição (X/Y)
- Tamanho (W/H)
- Rotação
- Tamanho do texto
- Espaçamento de caracteres
- Espaçamento de parágrafo
- Espaçam de linha
- Caminhos
- Preenchimento sólido
- Gradientes
- Cor da borda
- Família de texto
- Cor do texto
- Estilo/Tamanho de texto
- Alinhamento de texto
- Sublinhado de texto
- Preenchimentos de imagem
- Conteúdo de texto
- Transformação de texto (maiúscula, minúscula, capitalização de título)
- Texto tachado
- Posição da borda
- Sombra
- Sombra interna
- Mancha em segundo plano
- Mancha do objeto
- Estilo de borda
- Não coincidência/Ausente
- Largura automática e tamanho fixo
- Intervalo secundário
- Inverter o objeto
Limitações
- Os protótipos que usam a animação automática têm determinadas restrições com animações de texto. No momento, não há suporte para animação de espaçamento de caracteres, espaçamento entre linhas e espaçamento entre parágrafos na Web.
- Os protótipos que usam a animação automática não são compatíveis com a reprodução de animação e se dissolvem entre o início e o fim da prancheta quando visualizados nos seguintes navegadores:
- IE 11
- Edge 15
- iOS10
Como uma solução alternativa, abra o protótipo em qualquer um dos outros navegadores suportados listados nos Requisitos de sistema.
Criar protótipos de UX com o Adobe XD
Crie modelos interativos para sites e aplicativos para dispositivos móveis.
