choigirang / portfolio

포트폴리오 v1
https://v1.choigirang-portfolio.site
0 stars 0 forks source link

Style: animation css 수정 #8

Closed choigirang closed 8 months ago

choigirang commented 8 months ago
export const turtleFrontFoot = keyframes`
  0%, 100% {
    transform: translate(0,0);
  }
  25% {
    transform: translate(10px, -20px);
  }
  50%{
    transform: translate(20px, 0);
  }
`;

export const turtleBackFoot = keyframes`
  0%, 50%{
    transform: translate(0,0);
  }75%{
    transform: translate(10px, -20px);

  }100%{
    transform: translate(20px, 0);

  }
`;

20240123_200746

교차 애니메이션을 어떻게 해결해야 될까