createGrowTransition

Source grow
createGrowTransition();

Creates an new grow transition Angular 5 trigger animation (element will start by an height of zero and will be increased to the original one).

Returns

AnimationEntryMetadata`: returns the grow transition

Example

Can be used within the component creation:

  • component.ts
@Component({
  ...
  animations: [
    createGrowTransition(),
  ]
})
  • component.html
<div *ngIf="**" [@growTransition]></div>