Ferramenta Online CSS3 Transition Generator

s
s
CSS3.0 Transition

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.