Transformação de propriedades CSS3 (transformação), transição (transição), animação (animação)

transformar link: https://www.cnblogs.com/xiaomifeng/p/9139632.html

transição, link para animação: https://www.jianshu.com/p/ec150b884a3b

Compatibilidade de animação: https://www.cnblogs.com/warm-stranger/p/4910493.html

Várias animações

Quando você deseja adicionar vários efeitos de animação a um elemento, é necessário ,separá-los, como:

.element { 
  animation: fadeEm alternativa linear infinita em 4s 1s, 
            gire a alternativa linear infinita em 4s 1s; 
} 

@keyframes fadeIn { 
  a { 
    opacidade: 0 ; 
  } 
} 

@keyframes rotate { 
  to { 
    transform: rotate (180deg); 
  } 
}