Как я могу анимировать сову карусели карты, когда слайдер меняется влево / вправо

Question

В по этой ссылке здесь вы увидите раздел, похожий на изображение ниже:

Мне удалосьреализовать слайдер с помощью owlcarowsel.Тем не менее, как я могу добавить ту же анимацию, что и в ссылке?

Таким образом, при нажатии на следующее или предыдущее, первое изображение сначала перемещается с анимацией, а затем все они скользят анимированно так, как вы видите..

На данный момент вот так выглядит мой jquery:

$(document).ready(function(){

    var owl = $(".owl-carousel");

    owl.each(function() {

        var items = ( $(this).data('items') ) ? $(this).data('items') : 1;

    $(this).owlCarousel({
        loop: true,
        margin:30,
        stagePadding:30,
        smartSpeed: 400,
        'navText': ['< Prev','Next >'],
        onChange: function() {
            console.info('carousel change');
        },
        onChanged: function() {
            console.info('carousel changed');
        }
        //'margin': '30px',
    });
    })
});

Или, может быть, есть другой плагин, который делает что-то похожее на опубликованный URL?

Answer 1

Как я вижу, эти люди использовали полные преобразования CSS для создания прокрутки. Если вы хотите работать с ним, используйте 3 изображения в одном DIV с идентификатором, а затем примените операции onclick Как карусель для легкой анимации.