Hola qué tal bienvenido bienvenida a otro nuevo tutorial exclusivo de OV DIVI.
En este tutorial aprenderás a crear un deslizador de diapositivas con desplazamiento horizontal en divi. Para navegar sobre diapositivas solo basta con hacer scrolling, también podemos arrastrar a la derecha o izquierda presionando el click del mouse para ir avanzando entre diapositivas e incluso podemos arrastrar desde el scrollbar inferior horizontal.
La composición que lograremos es la siguiente:
Está composición consta de 6 diapositivas, en primera instancia en blanco y negro pero al pasar el cursor sobre cada diapositiva estas cambiarán a un color + un efecto de transformación y opacidad, es decir, en el estado normal no veremos ninguna información (solo imagen) pero al pasar el cursor nos aparece el título, descripción y botón.
Este ejercicio es completamente responsive y lo puedes comprobar visitando el siguiente enlace a la demo:
> Haz click aquí para ir a la demo del ejercicio
Cabe decir que yo he realizado esta composición pero obviamente tú puedes cambiar el diseño, la composición, los tamaños, etc… Aquí lo que nos faltará es imaginación y creatividad.
Genial pues ya no pierdas más el tiempo y mejor entra a los tutoriales exclusivos a ver este increíble tutorial…
0 comentarios