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.

Control y animación de los contenidos desde la botonera

Control y animación de los contenidos desde la botonera - Tutorial de HTML

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

Comenzar mi mes de prueba gratis

Control y animación de los contenidos desde la botonera

“

Tengo tres bloques distintos dentro del listado de contenidos, estos tres. En realidad, ellos en sí no tienen ninguna propiedad que modifique su posición. Lo que vamos a hacer es mover su contenedor, este 'contents', y este lo vamos a mover gracias a que le apliquemos distintas clases. De hecho, le he añadido la clase 'bloque1'. Bueno, pues mi planteamiento es añadirle la clase 'bloque1', la clase 'bloque2' o la clase 'bloque3', y con cada una de esas clases que lo que haga sea modificar su posición horizontal. Y así, de esa manera, podemos crear la animación para conseguir que se mueva correctamente. Para ello necesito, lo primero de todo, los estilos que se van a ocupar de hacer que cambie de posición. Esos estilos van a trabajar su posición izquierda porque, de hecho, este objeto es un objeto que, como podemos ver, es con posicionamiento absoluto. Bueno, pues entonces vengo aquí atrás y le añado a ese 'ul.contents', además, 'bloque1'. Le añadiré un 'bloque2' y un 'bloque3'. En…

Contenido