desarrolloOndigitalssh

Una animación es la transición o movimiento entre un punto A y un punto B

• Transición entre un punto A y un punto B.
• Son partes Naturales de la Interfaz Web.
• Es una forma Natural de enseñanza para el usuario.
• Ayudan a conectar una interfaz que solo está programada en algo que realmente está vivo (engagement).
• La acción de un usuario interactuando con la interfaz y que ésta le de feedback de lo que está ocurriendo.

Recuerda: Las animaciones en una interfaz web son necesarias, ya que ninguna acción que ocurre en ésta se da de forma instantánea.

A continuación se muestran las propiedades principales para realizar aniamciones:

/* Propiedades que va a cambair la transición */
transition-property: width, height;

/* Tiempo que dura la transición */
transition-duration: 1s;

/* Tiempo en que tarda la transición en Ocurrir */
transition-delay: 200ms;

/* Propiedad que calcula los valores intermedios  la transición */
transition-timming-function: ease;

Todas las pripiedades se pueden resumir en una línea:

/* Cada Propiedad a cambiar se separa por comas */
transition: width 1s ease, height 1s 250ms ease;

Para hacer tranciciones de interacción realizamos la animación sobre un contenedor padre.