Jornada do Dev

Entre para ter acesso à essa aula

A função animation é uma ótima ferramenta para adicionar animações aos elementos de um site.

É possível alterar, por exemplo, o tamanho e a posição de um elemento. Para isso, basta criar uma chave com as propriedades que se deseja modificar e configurar uma animação com os parâmetros desejados, como a duração.

É possível também executar funções callback em determinados momentos da animação. Além disso, é possível criar animações em sequência, como diminuir primeiro a largura e depois a altura de um elemento. Com a fácil criação de animações, trabalhar com a função animation pode facilitar muito o trabalho de desenvolvimento de um site.