Como usar Css transition

Antes que comprendas su uso debes conocer que la propiedad de Css transition, te ofrece la posibilidad de darle un toque de animación a eso cambios que has creado entre tus elementos, un ejemplo simple es el cambio de color que se le suele dar al menú cuando el usuario pasa su cursos sobre la palabra, esto puede ser transformado a una animación más creativa con el uso de esta propiedad, por ello debes conocer Cómo usar Css transition.

Como usar Css transition

Para poder aplicar esta propiedad debes dirigirte al archivo de Css correspondiente, en donde usaras la sentencia referente al elemento que deseas aplicar, un ejemplo te mostramos a continuación:

div {

transition-property: opacity, left, top, height;

transition-duration: 3s, 5s;

}

En el ejemplo anterior hemos añadido una opacidad, movimiento a la izquierda,  superior y ancho, los cuales serán efectuados en un tiempo de 3 y 5 segundos.

Propiedades que pueden ser animadas

Es una amplia lista de propiedades a las que puedes acceder solo debes efectuar una investigación previa referente al tema, y adaptarlas según tus necesidades, cuando finalmente logres su dominio notaras el cambio agradable y de mucha animación que le darás a tu web, la cual no será la misma.

Leave a Reply

Your email address will not be published. Required fields are marked *