React - Animation (while)

while 사용하기

1. whileHover

<Box whileHover={{ scale: 2 }} />

2. whileTap - 클릭할때 애니메이션

<Box
	whileHover={{ scale: 1.5, rotate: 90 }}
	whileTap={{ scale: 1, borderRadius: "50%" }}
/>

const boxVariants = {
  hover: { scale: 1.5, rotate: 90 },
  click: { scale: 1, borderRadius: "50%" },
};
function App() {
  return (
    <Wrapper>
      <Box variants={boxVariants} whileHover="hover" whileTap="click" />
    </Wrapper>
  );