Del curso: HTML5 práctico: Visualización de datos

Accede al curso completo hoy mismo

Únete para acceder a más de 22.600 cursos impartidos por expertos del sector o compra solamente este curso.

CSS3 para animar el cambio de información y los contenidos

CSS3 para animar el cambio de información y los contenidos - Tutorial de HTML

Del curso: HTML5 práctico: Visualización de datos

Comenzar mi mes de prueba gratis

CSS3 para animar el cambio de información y los contenidos

“

Vamos a hacer ahora que funcione la botonera. Esta botonera se compone de dos animaciones: de la animación de lo que es la misma botonera y luego la animación que tiene que ejecutarse cuando se hace clic en cualquiera de los botones. En realidad, la estructura la tenemos montada, porque tenemos, por un lado, una serie de botones que están escondidos completamente o que se muestran completamente y una serie de contenidos que están colocados todos secuencialmente hacia la derecha. Entonces, lo único que necesito hacer es aplicar una transición CSS entre un estado y otro. Pero para poder hacer eso, antes de nada necesitaré poder hacer clic sobre estos botones. Así que voy a venirme al 'main', al archivo de JavaScript, y dentro de él voy a pedirle con jQuery que me recupere de la botonera los elementos 'li'. Eso va a hacer que cuando haga clic en cualquiera de esos elementos se ejecute la función que puedo poner aquí dentro. De hecho, esa es básicamente la idea, que cuando haga clic en…

Contenido