Thanos snap effect by redstapler wrapped in react
Original Code can be found from https://redstapler.co/thanos-snap-effect-javascript-tutorial/
- Run
npm install react-thanos-snap
import { SnapWrapper } from 'react-thanos-snap'
- Warp the components in
<SnapWrapper> </SnapWrapper>
- Start your dev server, click the thanos snap button on the Page
- Props can be used:
- delay: delay in milliseconds to trigger the snap effect after click Thanos button
- resume: 0/null - do not resume element automatically , 1/auto - resume element automatically after delay * 10 milliseconds
- Run
npm install && npm start
- Production: Jquery, chance, html2canvas, React^16
- Dev: css-loader, url-loader
- Able to randomly select a child element and snap!
- Able to randomly select multiple child element and snap in sequences.