Angular 5并向右滑动动画

Question

我想在div上制作动画，将元素的宽度从100％更改为20％，从div的左侧折叠到右侧，并且div的右侧边框应保持在同一位置。我创建了动画，通过将宽度从100％更改为20％从右到左折叠div：

export const CardSlideAnimation = trigger('cardSlideAnimation',
[
    state('slideToRight', style({
      width: '20%'
    })),
    transition('* => *', animate('2000ms ease-out'))
]);

我不知道如何从左向右折叠div。

Answer 1

在要动画的元素上，使其float: right。该元素将保留在右侧，并且当它折叠时将在右侧折叠。

Demo