@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