Resumo de Propriedade de Animação CSS

14/06/2022 17:05

Raja Novaes

Raja Novaes

Sou um apaixonado por aprender, sou da opinião que conhecimento não ocupa espaço. Por isso estou em uma fase de aquisição de novos conhecimentos e habilidades.

Resumo de Propriedade de Animação CSS

A animação vai permitir que um elemento mude gradualmente de um estilo para outro. 


  • @keyframes - Especifica o código de animação.
  • animation - Uma propriedade abreviada para definir todas as propriedades de animação.
  • animation-delay - Especifica um atraso para o início de uma animação.
  • animation-direction - Especifica se uma animação deve ser reproduzida para frente, para trás ou em ciclos alternados. 
  • animation-duration - Especifica quanto tempo uma animação deve levar para completar um ciclo.
  • animation-fill-mode - Especifica um estilo para o elemento quando a animação não está sendo reproduzida (antes de começar, depois de terminar ou ambos).
  • animation-iteration-count - Especifica o número de vezes que uma animação deve ser reproduzida.
  • animation-name - Especifica o nome da animação @keyframes.
  • animation-play-state - Especifica se a animação está em execução ou pausada.
  • animation-timing-function - Específica a curva de velocidade da animação.

Faça parte da nossa comunidade!

Domine as tecnologias utilizadas pelas empresas mais inovadoras do mundo e encare seu novo desafio profissional, evoluindo em comunidade com os melhores experts.

0

Certificado

Artigo relacionado

Comentários

    Nenhum comentário