我在 Angular2 中创建了一组 FAB 按钮。我想为它们添加动画,以便它们一个接一个地显示以进行隐藏和显示操作。我该如何处理动画,谁能帮我做动画。
<button md-mini-fab class="md-fab md-raised md-primary" aria-label="New Task" [disabled]="!this.isPermission" (click)='FabToggle = !FabToggle'>
<md-icon style="color:white;">menu</md-icon>
</button>
<div class="fab-actions" [ngClass]="{'fabActionsHide':!FabToggle,'fabActionsShow':FabToggle}">
<button md-mini-fab class="md-fab md-raised md-primary" (click)='reloadApi()'>
<md-icon svgIcon="refresh"></md-icon>
</button>
<button [disabled]="!this.isPermission" md-mini-fab class="md-fab md-raised md-primary" (click)='generatePDF()'>
<md-icon svgIcon="pdf"></md-icon>
</button>
<button [disabled]="!this.isPermission" md-mini-fab class="md-fab md-raised md-primary" (click)='generateCSV()'>
<md-icon svgIcon="csv"></md-icon>
</button>
<button [disabled]="!this.isPermission || !checkin_entries" md-mini-fab class="md-fab md-raised md-primary" (click)="addModal.show();FabToggle = !FabToggle">
<md-icon style="color:white;">add</md-icon>
</button>
最佳答案
I got this while searching for your answer. As I'm not able to comment to your question, so posting it in answer section.
(仅点击 FAB)部分
关于css - 用于隐藏和显示操作的 FAB 按钮动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43446947/