Как сделать в слайдере первый и последний слайд светлее а центральный оставить как есть?

Question

[freeman0204]

Как сделать в слайдере первый и последний слайд светлее (или вообще как то изменить) а центральный оставить как есть? Вот пример слайдера lex-mor.wix.com/eventicabeta2 в блоке WORK HIGHLIGHTS. Но дело в том что слайдов может быть 20. А на экране видно только 3.

Answer 1

[magick]

например так:

.cycle-slide {
  opacity: .5
}

.cycle-slide-active {
  opacity: 1 !important;
}

Answer 2

[Алексей]

Вы же как-то перелистываете эти слайды, следовательно знаете, какой слайд находится в центре.
Остается только добавить что-то типа animate opacity для центрального (до 1) и тех что слева и справа до 0.7, 0.5, 0.3 (чем дальше от середины, тем светлее).

Comments

[freeman0204]

Это готовый слайдер www.owlcarousel.owlgraphic.com/demos/center.html