CSS - Animação
Animação
Animation é o processo de criação de efeitos de movimento e alteração da aparência. O CSS oferece suporte a diferentes efeitos de animação para alterar o movimento do evento.
A tabela a seguir lista todos os efeitos que você pode usar em CSS -
| Sr. Não. | Método e Descrição |
|---|---|
| 1 | Pulo O efeito Bounce Animation é usado para mover o elemento rapidamente para cima, para trás ou para longe de uma superfície após atingi-lo. |
| 2 | Bounce In O efeito Bounce Animation é usado para mover o elemento rapidamente para cima, para trás ou para longe de uma superfície após atingi-lo. |
| 3 | Bounce In Down O efeito Bounce Animation é usado para mover o elemento rapidamente para cima, para trás ou para longe de uma superfície após atingi-lo. |
| 4 | Bounce In Left O efeito Bounce Animation é usado para mover o elemento rapidamente para cima, para trás ou para longe de uma superfície após atingi-lo. |
| 5 | Bounce In Right O efeito Bounce Animation é usado para mover o elemento rapidamente para cima, para trás ou para longe de uma superfície após atingi-lo. |
| 6 | Bounce Out O efeito Bounce Animation é usado para mover o elemento rapidamente para cima, para trás ou para longe de uma superfície após atingi-lo. |
| 7 | Bounce Out Down O efeito Bounce Animation é usado para mover o elemento rapidamente para cima, para trás ou para longe de uma superfície após atingi-lo. |
| 8 | Bounce Up O efeito Bounce Animation é usado para mover o elemento rapidamente para cima, para trás ou para longe de uma superfície após atingi-lo |
| 9 | Bounce Out Left O efeito Bounce Animation é usado para mover o elemento rapidamente para cima, para trás ou para longe de uma superfície após atingi-lo. |
| 10 | Bounce Out Right O efeito Bounce Animation é usado para mover o elemento rapidamente para cima, para trás ou para longe de uma superfície após atingi-lo |
| 11 | Bounce Out Up O efeito Bounce Animation é usado para mover o elemento rapidamente para cima, para trás ou para longe de uma superfície após atingi-lo. |
| 12 | Fade Down Big A imagem surge ou faz com que entre ou saia gradualmente do campo de visão, ou se mescle em outra foto. |
| 13 | Aparecimento gradual A imagem surge ou faz com que entre ou saia gradualmente do campo de visão, ou se mescle em outra foto. |
| 14 | Fade In Down A imagem surge ou faz com que entre ou saia gradualmente do campo de visão, ou se mescle em outra foto. |
| 15 | Fade In Left A imagem surge ou faz com que entre ou saia gradualmente do campo de visão, ou se mescle em outra foto. |
| 16 | Fade In Left Big A imagem surge ou faz com que entre ou saia gradualmente do campo de visão, ou se mescle em outra foto. |
| 17 | Fade In Right A imagem surge ou faz com que entre ou saia gradualmente do campo de visão, ou se mescle em outra foto. |
| 18 | Fade In Right Big A imagem surge ou faz com que entre ou saia gradualmente do campo de visão, ou se mescle em outra foto. |
| 19 | Fade in Up A imagem surge ou faz com que entre ou saia gradualmente do campo de visão, ou se mescle em outra foto. |
| 20 | Fade In Up Grande A imagem surge ou faz com que entre ou saia gradualmente do campo de visão, ou se mescle em outra foto. |
| 21 | Desaparecer A imagem surge ou faz com que entre ou saia gradualmente do campo de visão, ou se mescle em outra foto. |
| 22 | Fade Out Down A imagem surge ou faz com que entre ou saia gradualmente do campo de visão, ou se mescle em outra foto. |
| 23 | Fade Out Left A imagem surge ou faz com que entre ou saia gradualmente do campo de visão, ou se mescle em outra foto. |
| 24 | Fade Out Left Big A imagem surge ou faz com que entre ou saia gradualmente do campo de visão, ou se mescle em outra foto. |
| 25 | Fade Out Right A imagem surge ou faz com que entre ou saia gradualmente do campo de visão, ou se mescle em outra foto. |
| 26 | Fade Out Right Big A imagem surge ou faz com que entre ou saia gradualmente do campo de visão, ou se mescle em outra foto. |
| 27 | Fade Out Up A imagem surge ou faz com que entre ou saia gradualmente do campo de visão, ou se mescle em outra foto. |
| 28 | Fade Out UP Big A imagem surge ou faz com que gradualmente entre ou saia do campo de visão ou se mescle em outra foto |
| 29 | Instantâneo Uma explosão repentina de luz brilhante de um elemento. |
| 30 | Giro Um elemento pode virar ou causar a viragem com um movimento rápido e repentino. |
| 31 | Virar X Um elemento pode virar ou causar a viragem com um movimento rápido e repentino. |
| 32 | Virar em Y Um elemento pode virar ou causar a viragem com um movimento rápido e repentino. |
| 33 | Flip Out X Um elemento pode virar ou causar a viragem com um movimento rápido e repentino. |
| 34 | Flip Out Y Um elemento pode virar ou causar a viragem com um movimento rápido e repentino. |
| 35 | Dobradiça Um elemento pode virar ou causar a viragem com um movimento rápido e repentino. |
| 36 | Velocidade da luz em Isso vai fornecer luz ou iluminação com velocidade para elemento. |
| 37 | Light Speed Out Isso vai fornecer luz ou iluminação com velocidade para elemento. |
| 38 | Pulso Ele fornece uma única vibração ou brocas curtas para um elemento. |
| 39 | Roll In Um elemento pode se mover em uma direção particular girando continuamente em um eixo. |
| 40 | Sair da cama Um elemento pode se mover em uma direção particular girando continuamente em um eixo. |
| 41 | Girar para baixo à esquerda Um elemento pode se mover em uma direção particular girando continuamente em um eixo. |
| 42 | Rodar para dentro Um elemento pode se mover em uma direção particular girando continuamente em um eixo. |
| 43 | Girar para baixo à direita Um elemento pode se mover em uma direção particular girando continuamente em um eixo. |
| 44 | Wobble Ele permite mover um elemento ou causar um movimento instável de um lado para o outro. |
| 45 | Girar para cima à esquerda Fornece mover ou fazer mover em um círculo ao redor de um eixo ou centro. |
| 46 | Girar para cima e para a direita Fornece mover ou fazer mover em um círculo ao redor de um eixo ou centro. |
| 47 | Winggle Ele permite mover ou fazer mover para cima e para baixo ou de um lado para o outro com pequenos movimentos rápidos. |
| 48 | Girar para fora Fornece mover ou fazer mover em um círculo ao redor de um eixo ou centro. |
| 49 | Girar para baixo à esquerda Fornece mover ou fazer mover em um círculo ao redor de um eixo ou centro. |
| 50 | Girar para fora para baixo à direita Fornece mover ou fazer mover em um círculo ao redor de um eixo ou centro. |
| 51 | Girar para cima à esquerda Fornece mover ou fazer mover em um círculo ao redor de um eixo ou centro. |
| 52 | Rotate Out Up Right Fornece mover ou fazer mover em um círculo ao redor de um eixo ou centro. |
| 53 | Mexe Ele permite mover (um objeto) para cima e para baixo ou de um lado para o outro para um elemento. |
| 54 | Balanço Ele fornece movimento ou causa para se mover para frente e para trás ou de um lado para o outro enquanto está suspenso ou em um eixo para um elemento. |
| 55 | Tada Ele permite mover um elemento de um lado para o outro. |