Acordeón que solo utiliza CSS3

Una de las grandes ventajas de utilizar CSS3 es la de economizar recursos. Con apenas unas líneas de código podemos ahorrar transferencia en imágenes, animaciones y muchas cosas más. Un excelente ejemplo de esto es este acordeón realizado utilizando solo CSS3.

La estructura de acordeón desde hace mucho tiempo se genera utilizando tecnologías como JavaScript, o en su defecto, Flash. Pero ahora con las ventajas y virtudes de CSS3 podemos elaborar uno de forma muy simple utilizando solo hojas de estilo. El resultado es visualmente atractivo, y su funcionamiento no tiene nada que envidiarle a otras tecnologías.

Captura del acordeón:

acordeon css3

Les recomiendo visitar la demostración online para poder disfrutar al 100% de este fantástico trabajo.

El creador de este trabajo es el diseñador Harry Roberts, que se tomo el trabajo de escribir un completo tutorial explicando paso a paso como construirlo.

Al tratarse de un trabajo que utiliza solo hojas de estilo las mismas pueden descargar directamente desde la demostración online, no obstante y como es sencillo, les recomiendo leer muy bien el tutorial en donde se explica claramente como se obtienen estas animaciones con muy poco trabajo.

Web: Pure CSS(3) accordion ~ via Alcides Ramos

Categorizado en: