#10 Estilos CSS para sección Slider – Convertir PSD a HTML con Bootstrap 4


[ad_1]
https://i.ytimg.com/vi/20lhcRxChYY/hqdefault.jpg



Vamos a utilizar algunas clases propias de Bootstrap y además algunas inventadas por nosotros para realizar esta sección.
Es tu elección elegir cual camino utilizar. 🙂

¿Te gustó este video?
Puedes regalarme un café aquí: https://www.paypal.me/bluuweb

No olvides suscribirte a este hermoso canal y destruirme en los comentarios 🙂

También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/

Finalmente visita mi sitio web: http://ignaciogutierrez.cl

Música: http://www.bensound.com/

Original source


7 responses to “#10 Estilos CSS para sección Slider – Convertir PSD a HTML con Bootstrap 4”

  1. Hola! que tal? Estoy mirando tus videos y están muy buenos! Muchas gracias por tu esfuerzo y tu buena onda. Dejo por acá una forma que a mi me gusta bastante, de hacer la imagen del header más oscura usando linear-gradient y dejándole un color fijo que es una opacidad, espero que les sirva esta línea de código:

    .fondo {

    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../../img/header.jpg');

    }

    Recuerden corregir la ruta de "url" con la ruta hacia la imagen que ustedes tengan en su proyecto. Saludos y mil gracias Bluuweb!

  2. La cuestión es que nosotros construimos un wireframe en el cual el slider ocupa height = 500px, entonces porque razón ahora queremos cubrir toda la pantalla usando 100vh????? Eso no es lo que buscamos, se supone que tendría que quedar como nuestro wireframe. También si aplico heigh= 500px en vez de 100vh la imagen no se ve completa, en este caso que hacemos utilizamos CSS para colocar bien la imagen o tengo que cambiar el tamaño de la imagen de alguna otra manera?

  3. maestro voy siguiendo tus pasos desde udemy gracias por el curso bro, solo tengo una pregunta como haces para que la imagen cubra todo el espacio vi pusiste 100vh puedes explicarme mas sobre eso porfa

Leave a Reply