Morph Button

쉬움

클릭 시 형태가 변하는 모핑 버튼

#click#javascript#morph#animation

라이브 데모

코드

MorphButton.tsx

const [isMorphed, setIsMorphed] = useState(false);
return (
  <button className={`morph-button ${isMorphed ? 'morphed' : ''}`}
    onClick={() => setIsMorphed(!isMorphed)}>
    {isMorphed ? '✓ Morphed' : 'Click to Morph'}
  </button>
);