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

ื›ืจื˜ื™ืกื™ื ื–ื•ื”ืจื™ื

ืจืฉืช ื›ืจื˜ื™ืกื™ื ืฉื”ืžืกื’ืจื•ืช ืฉืœื”ื ื ื“ืœืงื•ืช ืื™ืคื” ืฉื”ืกืžืŸ ืขื•ื‘ืจ. ื”ืื•ืจ ื’ื•ืœืฉ ืœื›ืจื˜ื™ืกื™ื ื”ืฉื›ื ื™ื.

ื”ืชืืžื”

glowColor

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

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

5 ืžืืคื™ื™ื ื™ื
ืžืืคื™ื™ืŸืกื•ื’ื‘ืจื™ืจืช ืžื—ื“ืœืชื™ืื•ืจ
items{ id: string; element: ReactElement; theme?: { hue: number; saturation: number; lightness: number } }[]โ€”ื›ืจื˜ื™ืกื™ื. ืœื›ืœ ืื—ื“ ื™ื›ื•ืœ ืœื”ื™ื•ืช ืฆื‘ืข ื–ื•ื”ืจ ืžืฉืœื•.
glowColorstring"#ffffff"ืฆื‘ืข ื”ื–ื•ื”ืจ ืœื›ืจื˜ื™ืกื™ื ื‘ืœื™ ืฆื‘ืข ืžืฉืœื”ื.
glowIntensitynumber0.15ืขื•ืฆืžืช ื”ืžื™ืœื•ื™ ืžืชื—ืช ืœืกืžืŸ, ืž-0 ืขื“ 1.
maskSizenumber400ื’ื•ื“ืœ ื›ืชื ื”ืื•ืจ ืกื‘ื™ื‘ ื”ืกืžืŸ, ื‘ืคื™ืงืกืœื™ื.
classNamestringโ€”ืžื—ืœืงื•ืช ืœืจืฉืช ื”ื›ืจื˜ื™ืกื™ื.

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

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

npm install motion clsx tailwind-merge

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

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