Apple style flip counter
var flipcounter = require('flip-counter');
var div = document.createElement('div');
div.className = 'flip-counter';
var counter = flipcounter(div, {
value: 3
});
div // =>
You can either copy the style file to your project, or reference it using npm-css
in your style files.
@import 'flip-counter';
All rules are namespaced under flip-counter
The default stylesheet references image files found at /img/digits.png
. You should make sure the img/digits.png
is accessible via this path (copy or symlink) or provide your own css rule for the background image.
ln -s ../node_modules/flip-counter/img/digits.png .
If you wish to provide your own rule, see the css/counter.css
file for which style to override.
npm install flip-counter
Based on work by Chris Nanney
- http://cnanney.com/journal/code/apple-style-counter-revisited/
- https://bitbucket.org/cnanney/apple-style-flip-counter/src
MIT