Я использую Угловой материал мат-степпер в моем приложении.
<mat-horizontal-stepper #stepper [@.disabled]="true">
<mat-step> Some content here with height=500px </mat-step>
<mat-step> Some different content here with height=250px </mat-step>
<mat-step> Other content with height=750px, you get the point </mat-step>
</mat-horizontal-stepper>
Анимация слайдов по умолчанию (при смене шагов) не подходит для моих нужд.
Я знаю, что установка [@.disabled]="true"
в теге mat-horizontal-stepper
html отключает анимацию.
Вопрос: Можно ли изменить анимацию на анимацию fadeIn / fadeOut?
Желаемый результат будет выглядеть примерно так:
- Контент исчезает (200 мс)
- Анимация изменения высоты контейнера содержимого (200 мс)
- Новый контент исчезает (200 мс)