Buscar un código de CSS

Este código es una modificación del código ya publicado (https://www.lawebdelprogramador.com/codigo/CSS/2702-Ejemplo-del-movimiento-de-un-div-con-transition-de-css3.html), el cual muestra como sube una capa de abajo hacia arriba al pasar el ratón por encima de la imagen.

Este simple ejemplo ,muestra como cambiar el color de fondo de un elemento utilizando transition de CSS3

Código que muestra como utilizar una transición de un height:0px; a un height:auto; utilizando transition de CSS3.

Para que funcione correctamente, en vez de utilizar height, utilizaremos max-height, de esta manera únicamente cogerá el tamaño necesario, que seria lo mismo que utilizar height:auto;

Ejemplo de la utilización de transition con CSS3 al pasar el ratón por encima de una imagen.

Código que muestra como utilizar las distintas opciones de transition-timing-function. Se utiliza jquery.

Código que muestra como utilizar transition cubic-bezier para cambiar el fondo de nuestra web (body). Se utiliza jquery.

Simple código que muestra como rotar una imagen con CSS3. Explica el funcionamiento y las posibilidades de "transition".

Amplia y desamplia un texto al pasar el ratón por encima, haciendo un efecto de zoom.

Este código muestra como crear el efecto de girar una carta con CSS3 al pasar el ratón por encima.




El mismo efecto pero en vertical lo puedes ver aquí:
https://www.lawebdelprogramador.com/codigo/CSS/6940-flip-box-con-CSS3.html

Código de CSS que muestra como girar una capa al poner el ratón encima.




El mismo efecto pero en horizontal lo puedes ver aquí: https://www.lawebdelprogramador.com/codigo/CSS/index1.html