search

askd / animakit

Animakit
MIT License
15 stars 0 forks source link

Counter Animation #3

Open ai opened 8 years ago

ai commented 8 years ago

It contains number and animate number changes by moving new number from up or down (like casino machines)

askd commented 8 years ago

What about the last demo here https://animakit.github.io/#/slider ?

ai commented 8 years ago

It looks same, but API is much move complicated for user.

My dream is something like:

<AnimakitCounter value={this.props.count} />
askd commented 8 years ago

But you need an opportunity to stylize numbers. So you need HTML-elements with them.

ai commented 8 years ago

Could we do like this:

<div style="color: red; font-size: 30px">
  <AnimakitCounter value={this.props.count} />
</div>

For example, we could lock a style changes during a animation. So before every animation to take component size again.