0.0.1 • Published 7 years ago
flip-number v0.0.1
NumberFlip
install
yarn add flip-number
example
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
7 years ago