ember-animate-css

Ember addon for pure css animation [Animate.css] library.

Usage no npm install needed!

<script type="module">
  import emberAnimateCss from 'https://cdn.skypack.dev/ember-animate-css';
</script>

README

ember-animate-css

Ember addon for pure css animation Animate.css library.

Compatibility

  • Ember.js v3.24 or above
  • Ember CLI v3.24 or above
  • Node.js v12 or above

Installation

ember install ember-animate-css

Usage

animate is an element modifier. Simply add to an element like;

<button type="button" {{animate 'bounce' 'faster' delay='1' repeat='3'}}>
  Bounce
</button>
  • First positional parameter is for animation name. ( Required - For all names click )
  • Second positional parameter is for speed. ( Optional - Possible values: ['slow', 'slower', 'fast', 'faster'] )
  • One named parameter is delay time. ( Optional - Possible values: ['1', '2', '3', '4', '5'] )
  • Another named parameter is repeat count. ( Optional - Possible values: ['infinite', '1', '2', '3'] )

For all animation names and other parameters click.

Contributing

See the Contributing guide for details.

License

This project is licensed under the MIT License.