목록리액트 컨패티 (1)

sohyeon kim

[React/Next] 리액트 confetti 폭죽 효과 : react-canvas-confetti 🎉

💡 리액트 폭죽 효과를 넣어보자! yarn add react-canvas-confetti or npm install react-canvas-confetti  🎉 전체 코드page.tsx - confetti 실행 버튼을 넣은 위치import confetti, { Options as ConfettiOptions } from 'canvas-confetti';import tailwindColors from '../../../../tailwind.config'; const handleConfetti = () => { const duration = 3000; const animationEnd = Date.now() + duration; // 지금 시간부터 5초동안 폭죽 효과 // tailwind..
Next 2024. 4. 26. 03:27
이전 Prev 1 Next 다음