Search
 
SCRIPT & CODE EXAMPLE
 
CODE EXAMPLE FOR CSS

react css change number animation

import AnimatedNumber from 'react-animated-number';...... class Demo extends Component {     ...     render () {        <AnimatedNumber component="text" value={bigValue}            style={{                transition: '0.8s ease-out',                fontSize: 48,                transitionProperty:                    'background-color, color, opacity'            }}            frameStyle={perc => (                perc === 100 ? {} : {backgroundColor: '#ffeb3b'}            )}            duration={300}            formatValue={n => prettyBytes(n)}/>    }}
Source by www.npmjs.com #
 
PREVIOUS NEXT
Tagged: #react #css #change #number #animation
ADD COMMENT
Topic
Name
1+6 =