https://github.com/andreypelykh/angular-bounce

Animate.css implementation for Angular4
https://github.com/andreypelykh/angular-bounce

angular angular-cli angular5 animatecss animation css

Last synced: about 1 month ago
JSON representation

Animate.css implementation for Angular4

• Host: GitHub
• URL: https://github.com/andreypelykh/angular-bounce
• Owner: andreypelykh
• License: mit
• Created: 2017-09-08T11:10:29.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2018-05-03T18:14:39.000Z (over 6 years ago)
• Last Synced: 2024-10-01T15:05:59.878Z (about 2 months ago)
• Topics: angular, angular-cli, angular5, animatecss, animation, css
• Language: TypeScript
• Homepage: https://andreypelykh.github.io/angular-bounce/docs/
• Size: 312 KB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Angular Bounce

=========

Animate.css for Angular4+;

**AOT compatible**

## Installation

  `npm install angular-bounce --save`

## Usage

```typescript

    import { BOUNCE_IN, BOUNCE_OUT } from 'angular-bounce';

    @Component({

      selector: 'app-root',

      templateUrl: './app.component.html',

      styleUrls: ['./app.component.css'],

      animations: [

        trigger('heroState', [

          transition('inactive => active', [ 

            useAnimation(BOUNCE_IN)

          ]),

          transition('active => inactive', [ 

            useAnimation(BOUNCE_OUT)

          ])

        ])

      ]

    })

```