0.0.1 • Published 8 years ago
flip-number v0.0.1
NumberFlip
install
yarn add flip-numberexample
import FlipNumber from 'flip-number';
<FlipNumber number={0}
height={32}
width={32}
duration={500}
style={{ color: 'red' }}
delay={10}
timingFunction={'linear'} />api
| prop | desc | default |
|---|---|---|
| number | 正在显示的数字 | 0,可选值是0-9 |
| height | 包裹数字div的高度 | 32 |
| width | 包裹数字div的宽度 | 32 |
| duration | 数字变化的动画时间(ms) | 500 |
| style | 自定义样式 | {} |
| delay | 动画延迟时间(ms) | 0 |
| timingFunction | 动画转场效果 | linear |
0.0.1
8 years ago