ionic3中的短裤之类的动画

Question

我必须开发类似短裤动画效果的应用程序。 我已经在cordova中成功完成了此操作，但是在ionic3中却无法做到。我在互联网上经历了很多解决方案，但没有找到我想要的。

<ion-content padding>
  <ion-card color="primary" swiper (onSwipeUp)="swipeUp($event)" (onSwipeDown)="swipeDown($event)" (onSwipeLeft)="swipeLeft($event)" (onSwipeRight)="swipeRight($event)">
  </ion-card>
  <ion-card color="secondary" swiper (onSwipeUp)="swipeUp($event)" (onSwipeDown)="swipeDown($event)" (onSwipeLeft)="swipeLeft($event)" (onSwipeRight)="swipeRight($event)">
  </ion-card>
</ion-content>

滑动操作有效，但是我无法在卡片上动态添加过渡效果。

我已经在cordova中使用以下代码块完成了此操作，但不能与ionic一起使用。

function scrollImages(distance, duration, selectorId) {
            console.log(distance);
            var r = $.Deferred();
            $('#'+selectorId).css("transition-duration", (duration / 1000).toFixed(1) + "s");
            var value = (distance < 0 ? "" : "-") + Math.abs(distance).toString();                
            $('#'+selectorId).css("transform", "translate(" + value + "px,0)");
        }