Gerador CSS Transiton para pessoas preguiçosas.
Gerador de CSS - Transição
A propriedade CSS Transitions permite que o usuário altere o estilo do elemento HTML para outro estilo sem problemas. As transições são executadas quando a propriedade CSS é alterada por javascript ou evento do usuário.
transição: <STYLE-NAME> <TOTAL-TIME> <TIMING-FUNCTION> <DELAY-START>;
A transição define quatro parâmetros -
1) qual propriedade css está em execução
2) quanto tempo vai correr
3) qual é a função de tempo (velocidade de transição)
4) quando iniciar a transição
<STYLE-NAME> é uma propriedade de transição que especifica a propriedade CSS onde a transição será aplicada. Você pode definir propriedades individuais ou todas as propriedades. A função de tempo define a velocidade da animação (lenta ou rápida). O Cubic Bazier define a velocidade personalizada da animação. A transição não pode ser executada no loop. A propriedade de animação CSS é uma opção alternativa para fazer o tratamento do loop.