FlipCounter

FlipCounter copied to clipboard

Sadly, I can not use your great solution in my project for two reasons:

1. it is too large
2. it always "counts upwards" even if the number decreases I realize that both things can be quite specific to my application, but I couldn't customize it. I've tried to adapt the size of the control in three ways:
3. by using "zoom:0.2" - this worked great, but not in Firefox
4. by using "transform:scale(0.2)" - this kinda worked, but I could not figure out how to clip the wrapper div to reasonable size when the number of digits varies dynamically
5. by replacing all "px" with "em" in your CSS and then defining font-size for the wrapper. This did not work at all, because (I think?) some background graphics have fixed resolution

I have not tried changing JS to make the counter roll back, because I had not time - this is probably "doable", but I am not 100% sure how to do it, since you use module pattern, which (having some nice properties) actually does not allow for easy monkey patching nor experimenting.

Good luck with the project, though!:) It looks really cool.