CSS3 – Image Captions

prevPage

Los “Captions” en imagenes no es mas que una leyenda que describa a grandes rasgos la imagen, en este caso son captions animados gracias al uso de las transormaciones en CSS3.  En este link puedes saber como funcionan las transformaciones, esta página web además te genera el codigo fuente de los css.

Practicando un poco de transformaciones en css3, pude saber varios trucos. Una propiedad que se debe tener muy en cuenta es la propiedad overflow.

Overflow nos define si el área al que lo aplicamos tiene o no un scroll, o lo tiene escondido. Precisamente escondido es como se debe colocar, para los que han trabajado en photoshop, illustrator  o flash se les hará mas familiar el termino de máscaras, pues  al colcar un overflow:hidden a un contenedor, lo que hacemos es crear una mascara y cortar todo lo demas para que no se vea por fuera del area seleccionada.

overflowEjm

 

Descargar CódigoDemo

You may also like...