Как анимировать изменение прозрачности у боковых элементов slick slider?

Question

[Dymok]

Пытаюсь сделать слайдер из трех изображений, причем два крайних должны быть более прозрачными, чем центральный слайд.
Все получилось, однако, при каждом третьем перелистывании (при трёх изображениях в слайдере) анимация не проигрывается. Видимо, из-за того, что начинается новый круг.
Есть ли способ исправить это недоразумение?

Answer 1

[0xD34F]

Вместо .slick-current стилизовать .slick-center.

https://jsfiddle.net/g2z7931f/

Answer 2

[Алексей]

Я думаю что сначала вешается transition на родителя из слайдера, а уже потом срабатывает Ваш вот и вся беда.