Herramienta en línea CSS3 Transition Generator

s
s
CSS3.0 Transition

Generador de CSS Transiton para gente perezosa.

Generador de CSS - Transición

La propiedad CSS Transitions permite al usuario cambiar el estilo del elemento HTML a otro estilo sin problemas. Las transiciones se ejecutan cuando la propiedad CSS cambia por javascript o evento de usuario.

 

transición: <STYLE-NAME> <TOTAL-TIME> <TIMING-FUNCTION> <DELAY-START>;

La transición define cuatro parámetros:

1) qué propiedad css se está ejecutando

2) cuanto tiempo durará

3) cuál es la función de sincronización (velocidad de transición)

4) cuando comenzar la transición

 

<STYLE-NAME> es una propiedad de transición que especifica la propiedad CSS donde se aplicará la transición. Puede establecer propiedades individuales o todas las propiedades. La función de sincronización define la velocidad de la animación (lenta o rápida). Cubic Bazier define la velocidad personalizada de la animación. La transición no se puede ejecutar en el bucle. La propiedad de animación CSS es una opción alternativa para realizar el manejo de bucles.