Как сделать эффект непрозрачности в owl-carousel?

Question

[Алексей Каратеев]

Можно ли провернуть такой эффект в owl-carousel? Чтобы можно было листать и все аватары, кроме одного получали непрозрачность.

Answer 1

[Ankhena]

В демках все есть

картинка

Нужна задать всем owl-item кроме того, у которого есть класс .center прозрачность и трансформ.
Причем именно так, а не увеличивать текущий (хотя, конечно, зависит от исходного размера фоток).

.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);
}