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.