Как сделать активный увеличенным?

Question

[RipWay]

Приветствую. Подскажите пожалуйста, требуется сверстать вот такой слайдер. Как это можно сделать использую owlslider или bxslider.


Основной вопрос, как делать активный слайд большим по размеру.

Comments

[Евгений Вольф]

С помощью CSS: transform: scale?

Answer 1

[Дмитрий Лузанов]

/* тут ваш селектор */.owlCarousel({
       // тут ваши настройки
        addClassActive: true

/* класс элемента карусели */ {
  transform: scale(1);
}
 /* класс элемента карусели */.active {
   transform: scale(1.3);
   z-index: 100;
}

Comments

[justdealman]

Надо не активный элемент увеличивать, а неактивные уменьшать, иначе активный будет резаться overflow:hidden слайдера.

Answer 2

[Сергей Горячев]

jsfiddle.net/IgorRoschak/ratj76t9 - решение Igor Roschak