animations: [
    trigger('dataChange', [
      transition('void => *', [
        sequence([
          animate('.35s ease', style({ opacity: '.2' })),
          animate('.35s ease', style({ opacity: 1 }))
        ])
      ])
    ])
  ]

<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
        <mat-row [@load]="" *matRowDef="let row; columns: displayedColumns;" class="item-row" [cdkDetailRow]="row" [cdkDetailRowTpl]="tpl"></mat-row>

animate(".35s ease", style({ height: '*', opacity: '.2', transform: 'translateY(0)', 'box-shadow': 'none'  })),
  animate(".35s ease", style({ height: '*', opacity: 1, transform: 'translateY(0)' }))