Como rotar una Imagen con CSS
CSS3 | Online
Descripción:Les dejo un ejemplo sencillo pero a la vez muy útil de como rotar una imagen con css3
El código para lograr que una imagen gire sería este:
Donde:
- all:Es el valor por defecto. Determina la propiedad de la transicion. Puede ser all,none,nombre de la propiedad (Ejemplo la anchra: width).
- .6s : Determina la duración de la transicion. En este caso son 0.6 segundos
- ease-in-out: especifica el efecto de la transición... los tipos que hay son:
- linear: La transición es la misma al iniciar que al finalizar
- ease: La transición es lenta al iniciar, luego rapido y al finalizar muy lento
- ease-in: La transición es lenta al iniciar
- ease-out: La transición es lenta al finalizar
- ease-in-out: La transición es lenta al iniciar y al finalizar
- cubic-bezier(n,n,n,n): Define los valores para la transición van desde el 0 al 1
El resultado final es esto(Clic en la Imagen):
gracias por este gran aporte
ResponderEliminarmuy bueno la verdad me gustaria mas de estos aportes jajajaj saludos y muchas gracias
ResponderEliminar