Applies a transitive class that gets removed after a CSS transition ends.
Clone or download
Pull request Compare This branch is 2 commits ahead of component:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
History.md
Makefile
Readme.md
component.json
demo.html
index.js
package.json

Readme.md

class-transition

Applies a transitive className that gets removed upon a CSS transition completing or a timeout executing as a fallback.

Example

var transition = require('class-transition');
var el = document.getElementById('subject');
transition(el, 'highlight', '500ms', function() {
  console.log('transition finished');
});

API

transition(el, class, [time], [fn])

Applies the given class to el for a given time. If no time is given, the class will be removed when the transition completes.

time is passed to the ms component, so it can be 500 or '500ms' or '0.5s'.

You may also pass an optional fn to be notified when the transition finishes.

License

MIT