@angular-ru/cdk/animations

  • fadeInLinearAnimation

import {fadeInLinearAnimation} from '@angular-ru/cdk/animations';
import {Component} from '@angular-ru/core';

@Component({
  //...
  template: `
    <div
      *ngIf="showed"
      [@fadeInLinear]
    ></div>
  `,
  animation: [fadeInLinearAnimation],
})
export class AppComponent {
  public showed: boolean = true;
}
  • fadeInBezierAnimation

import {fadeInBezierAnimation} from '@angular-ru/cdk/animations';
import {Component} from '@angular-ru/core';

@Component({
  //...
  template: `
    <div
      *ngFor="let i of [1, 2, 3]"
      [@fadeInBezier]
    >
      {{ i }}
    </div>
  `,
  animation: [fadeInBezierAnimation],
})
export class AppComponent {}

Last updated