React - Animation (while)

tyghu77·2023년 5월 18일
0

while 사용하기

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

  1. 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>
  );

profile
배운것을 기록하자

0개의 댓글