HTML5 - Carrusel para tu sitio web

Código para agregar tu carrusel a tu sitio web

Código sencillo:

<!--------------- CARRUSEL MOVIES --------------->

  <div class="carrusel">

    <div class="elemento">

      <a href="https://xviewplus.com/" target="_blank">

      <img src="img/xview logo.jpg" /></a>

    </div>

   

      <div class="elemento">

        <a href="https://www.paramountplus.com/home/" target="_blank">

        <img src="img/paramountplus logo.jpg" /></a>

      </div>

     

      <div class="elemento">

        <a href="https://www.netflix.com/browse" target="_blank">

        <img src="img/netflix logo.jpg" /></a>

      </div>

     

      <div class="elemento">

        <a href="https://play.max.com/home" target="_blank">

        <img src="img/hbo max logo.jpg" /></a>

      </div>

     

      <div class="elemento">

        <a href="p/soccer.html"><img src="img/soccer logo.jpg" /></a>

      </div>

     

      <div class="elemento">

        <a href="p/dinosaurios.html">

        <img src="img/jurassic park logo.jpg" /></a>

      </div>

     

      <div class="elemento">

        <a href="p/zoo.html"><img src="img/zoo logo mk.jpg" /></a>

      </div>

     

      <div class="elemento">

        <a href="https://www.youtube.com/" target="_blank">

        <img src="img/btn_youtube.jpg" /></a>

      </div>

     

    </div>

/************ CARRUSEL MOVIES ************/

.carrusel{

    padding: 30px 0px;

    display: flex;

    flex-wrap: nowrap;

    overflow: scroll;

    background: transparent;

    white-space: nowrap;

}

.elemento{

    flex: 1 0 auto;

    margin: 0 30px;

    background: #15a9f3;

    width: 200px;

    height: 270px;

}

.elemento img{

    width: 100%;

    height: 100%;

}