Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Dúvida] CARREGAMENTO

Coloquei todas as configurações de carregamento mas a animação não está funcionando, eu não sei o que fiz de errado.

https://www.figma.com/design/Ld5FfbxFoiICJjOB7xmDV3/TESTE?node-id=300-1569&t=TgEA9lgLHE9qTEBO-1

2 respostas
solução!

Ei, Maria Clara! Tudo bem?

Agradeço por aguardar o nosso retorno.

Não está funcionando porque a rotação tem que ser aplicada no elemento filho ao invés da variante principal. Pois as configurações da animação acontecem neste elemento secundário. Para resolver isso, siga os passos abaixo:

  • Abra o seu projeto e expanda as variantes que estão no menu na lateral esquerda.
  • Zere a rotação de todas as variantes para 0.

Caputura em formato de gif demonstrando os passos descritos anteriormente.

  • Agora organiza as variantes como: Default, Variant2, Variante3, Variante4:

A imagem mostra uma interface de design (provavelmente do Figma) com a seção intitulada "Carregamento", contendo cinco variantes de um componente: Default, Variant2, Variant3, Variant4 e um elemento chamado Elipse 19 associado a cada uma delas, representando diferentes estilos de carregamento (loading). Todos os elementos estão organizados verticalmente e têm ícones visuais indicando seu estado.

  • Feito isso, vamos ajustar a rotação nos Elipses:

    • Elipse da Variante2 : rotação -90°
    • Elipse da Variante3 : rotação -180°
    • Elipse da Variante4 : rotação -280°
  • Selecione o frame carregamento teste e aguarde uns segundos para a animação aparecer:

Captura em formato de gif ilustrando os passos descritos anteriormente.

Espero ter ajudado e qualquer dúvida, compartilhe no fórum.

Até mais, Maria Clara!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado!

Obrigada conseguiii!