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


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 thoughts on “#10 Estilos CSS para sección Slider – Convertir PSD a HTML con Bootstrap 4

  • September 23, 2019 at 15:40
    Permalink

    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!

  • September 23, 2019 at 15:40
    Permalink

    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?

  • September 23, 2019 at 15:40
    Permalink

    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

  • September 23, 2019 at 15:40
    Permalink

    Hola yo solo quiero saber cómo agregar el botón seguir me gusta y compartir en mi Facebook me puedes ayudar Please

Leave a Reply