rc-animation
react package animations
Install
npm install --save rc-animation
Example
Usage
import React Component from 'react' import BarLoading CircleBallLoading DefaultLoading HorizontalLoading DepthText GhostText ShinyText JumpText LoadingText NeonText PerspectiveText TranslateUpText from 'rc-animation' import './index.css' { return <div> /* LOADINGS */ <BarLoading ='red' = /> <BarLoading /> <CircleBallLoading /> <CircleBallLoading /> <DefaultLoading /> <HorizontalLoading /> /* TEXT */ <DepthText ='Teste' /> <GhostText => <GhostText.Text ='C' /> <GhostText.Text ='L' /> <GhostText.Text ='I' /> <GhostText.Ghost ='I' /> <GhostText.Ghost ='I' /> <GhostText.Text ='C' /> <GhostText.Text ='K' /> <GhostText.Ghost ='H' /> <GhostText.Ghost ='i' /> </GhostText> <ShinyText ='Teste' = /> <JumpText ='Teste' = /> <JumpText ='Teste' = /> <LoadingText ='Teste' = /> <NeonText ='#cfa518' ='Teste' = /> <PerspectiveText> <p>Teste</p> <p>Teste</p> <p>Teste</p> <p>Teste</p> <p>Teste</p> <p>Teste</p> </PerspectiveText> <TranslateUpText = => <span>1</span> <span>2</span> <span>3</span> <span>4</span> </TranslateUpText> </div> }