Gerador de animação CSS para pessoas preguiçosas.
Animações CSS
CSS permite a animação de elementos HTML sem usar JavaScript ou Flash
Neste capítulo, você aprenderá sobre as seguintes propriedades:
- @keyframes
- nome-da-animação
- duração da animação
- animação-atraso
- animação-iteração-contagem
- direção da animação
- função de tempo de animação
- modo de preenchimento de animação
- animação
Prefixos específicos do navegador
Alguns navegadores mais antigos precisam de prefixos específicos (-webkit-) para entender as propriedades da animação
O que são animações CSS?
Uma animação permite que um elemento mude gradualmente de um estilo para outro.
Você pode alterar quantas propriedades CSS quiser, quantas vezes quiser.
Para usar animação CSS, você deve primeiro especificar alguns quadros-chave para a animação.
Os quadros-chave contêm os estilos que o elemento terá em determinados momentos.
A regra @keyframes
Quando você especifica estilos CSS dentro da regra @keyframes, a animação mudará gradualmente do estilo atual para o novo estilo em determinados momentos.
