How to make opacity effect in owl-carousel?

Question

css

Is it possible to pull this effect in owl-carousel? So that you can flip through and all avatars, except for one, received opacity.

Answer 1

Demos have it all
You need to set all owl-item except the one with .center class transparency and transform.
And just like that, and not increase the current one (although, of course, it depends on the original size of the photos).

.owl-item:not(.center) {
  opacity: 0.5;
  transform: scale(0.6, 0.6);
}

Answer 2

.owl-item {
  opacity: .4;
}

.owl-item.center {
  opacity: 1;
  transform: scale(1.2, 1.2);
}