Hacer un Slider en 3D con html, css y Bootstrap

1. Hacer una estructura básica de html

   Lo primero que hay que hacer es tener nuestro html, si ya tienes una página en donde ponerlo ese es tu primer paso, sino haz una estructura básica de html
    

2. Incluir Swiper a nuestro proyecto

   El segundo paso es incluir a nuestro proyecto un plugin llamado Swipper
   
   Descargas los archivos de swipper
   
   En el head de tu html agregas el css de swiper<link rel="stylesheet" href="path/to/swiper.min.css">
   
   Y antes del cierre del body agregas el js
   <script src="path/to/swiper.min.js"></script>
   

    

3. Hacer la estructura del slider

   Tienes que hacer la estructura que nos pide swiper, como esta:
   
   <!-- Slider main container --> <div class="swiper-container"> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide">Slide 1</div> <div class="swiper-slide">Slide 2</div> <div class="swiper-slide">Slide 3</div> </div> <!-- If we need pagination --> <div class="swiper-pagination"></div> <!-- If we need navigation buttons --> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <!-- If we need scrollbar --> <div class="swiper-scrollbar"></div> </div>
   

    

4. Agregar estilos al slider

   Tienes que agregar algunos estilos al slider para que funcione, tu defines el ancho y alto, por ejemplo:
   .swiper-container { width: 600px; height: 300px; }
   
   

5. Inicializar el slider

   Después de los estilos para agregar la funcionalidad tienes que inicializar el plugin
   poniendo antes del cierre el body una pequeña función como esta:
   <script>
   

   var swiper = new Swiper('.swiper-container', {
          effect: 'coverflow',
          grabCursor: true,
          centeredSlides: true,
          slidesPerView: 'auto',
          pagination: {
            el: '.swiper-pagination',
          },
          // Navigation arrows
         navigation: {
           nextEl: '.swiper-button-next',
           prevEl: '.swiper-button-prev',
         },
        }); 

   </script>
   

    

6. Customizar el slider

Y listo, ya solo queda que agregues estilos y las imagenes que tu quieras a tu slider, ya solo es cuestion de como lo quieras, puedes basarte en el video de arriba.