Del curso: Integración HTML y CSS avanzado

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 24.000 cursos impartidos por expertos del sector.

Cómo mostrar contenidos mediante transiciones CSS3

Cómo mostrar contenidos mediante transiciones CSS3

Del curso: Integración HTML y CSS avanzado

Comenzar mi mes de prueba gratis Comprar para mi equipo

Cómo mostrar contenidos mediante transiciones CSS3

“

Las transiciones de CSS son una herramienta fantástica para hacer que aparezcan contenidos de manera animada. Vamos a ver un ejemplo de cómo funcionarían aplicando, bueno, pues diferentes transformaciones y propiedades para crear un efecto complejo. Sobre estos elementos resaltados, yo lo que quiero es que aparezca la información relacionada con ellos viniendo desde la derecha, colocándose justo debajo y haciendo una pequeña animación para mostrarme todos esos contenidos. Para poder hacer todo esto necesitaremos aplicar correctamente propiedades CSS para que, efectivamente, el efecto sea exactamente como estoy diciendo. Lo primero que necesito es, sobre estos elementos que van a mostrar esta información, dentro de ellos, añadir el texto que es el que tendremos que controlar. Voy a añadir, entonces, este texto, un texto cualquiera, y en realidad, de prueba, y voy a aplicar una clase específica para así tener control sobre ese elemento. Lo voy a llamar, por ejemplo, "bloque-info". Voy a…

Contenido