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