Featured Carousel

by Lucaskazama

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js"></script>
<section>
    <div class="clients owl-carousel owl-theme ">
      <div class="client"> KKKKK </div>
      <div class="client"> YYYYY </div>
      <div class="client"> DDDDD </div>
      <div class="client"> AAAAA </div>
      <div class="client"> LOLOO </div>
   </div>
</section>

CSS

@import url('https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css');

.clients .client {
  height: 270px;
  background: teal;
}
.owl-carousel.owl-item.active .center{
  transform: scale(1.1);
}

JavaScript

$('.clients').owlCarousel({
    center: true,
    items:3,
    loop:true,
    margin:10,
    responsive:{
        800:{
            items:3
        }
    }
});