ื›ืจื˜ื™ืกื™ืื—ื“ืฉ

ื”ื˜ื™ื™ืช ื›ืจื˜ื™ืก

ื›ืจื˜ื™ืก ื ื•ื˜ื” ื‘ืชืœืช-ืžืžื“ ืื—ืจื™ ื”ืกืžืŸ ื•ื—ื•ื–ืจ ื‘ืงืคื™ืฆื™ื•ืช ื›ืฉื”ื•ื ืขื•ื–ื‘.

ื”ืชืืžื”

glareColor
glowColor
edgeColor

ืžื‘ื•ืกืก ืขืœ Tilt (MIT ืจื™ืฉื™ื•ืŸ) ยท ืชื ืื™ ืฉื™ืžื•ืฉ

ืžืืคื™ื™ื ื™ื

9 ืžืืคื™ื™ื ื™ื
ืžืืคื™ื™ืŸืกื•ื’ื‘ืจื™ืจืช ืžื—ื“ืœืชื™ืื•ืจ
childrenReactNodeโ€”ื”ื›ืจื˜ื™ืก ืื• ื”ืชืžื•ื ื” ืฉืžื•ื˜ื™ื.
rotationFactornumber15ื”ื”ื˜ื™ื” ื”ืžืจื‘ื™ืช ื‘ืžืขืœื•ืช.
isRevesebooleanfalseืœื”ื˜ื•ืช ื”ืจื—ืง ืžื”ืกืžืŸ ื‘ืžืงื•ื ืœื›ื™ื•ื•ื ื•.
springOptionsSpringOptionsโ€”ื”ื’ื“ืจื•ืช ืงืคื™ืฅ ืฉืœ Motion: ืจื›ื•ืช ื•ืžื”ื™ืจื•ืช ื”ื”ื˜ื™ื”.
styleMotionStyleโ€”ืกื’ื ื•ื ื•ืช ืœืขื•ื˜ืฃ.
classNamestringโ€”ืžื—ืœืงื•ืช Tailwind ืœืขื•ื˜ืฃ.
glareColorstring"rgba(255,255,255,0.25)"ื‘ืจืง ืฉืขื•ืงื‘ ืื—ืจื™ ื”ืกืžืŸ ืขืœ ื”ื›ืจื˜ื™ืก.
glowColorstring"rgba(255,255,255,0.08)"ื–ื•ื”ืจ ืจืš ืžืชื—ืช ืœื›ืจื˜ื™ืก.
edgeColorstring"rgba(255,255,255,0.1)"ืžืกื’ืจืช ื“ืงื” ืœืื•ืจืš ื”ืงืฆื”. ืขื•ืงื‘ืช ืื—ืจื™ ื”ืคื™ื ื•ืช ื”ืžืขื•ื’ืœื•ืช ืฉืœ ื”ืืœืžื ื˜.

ืชืœื•ื™ื•ืช

1 ื—ื‘ื™ืœื•ืช ื ื“ืจืฉื•ืช

npm install motion

ืจื›ื™ื‘ื™ื ื“ื•ืžื™ื

ืœื›ืœ ื”ืจื›ื™ื‘ื™ื