리액트에서 애니메이션 부분...

[이청아]

선생님 포트폴리오 사이트 만들고 있는데요 
메인페이지에서 위에 저 그림이 한쪽으로 짧게라도 흐르거나, 나타났다가 사라지게 라든지
애니메이션 만들고 싶어요.
제이쿼리도 구글링 해봤는데 어떻게 표기하는지 도저히 모르겠어요 
APP.js에 함수 안에 넣는 것 같긴한데 너무 어렵네요 ㅠㅠ 


ex. 구글링 해본 것들

function ShowBox () {
  $('.sq1').show();
 $('.sq1').hide();
 $('.sq1').show(1000);
 $('.sq2').hide('slow');
  });
}

$('#zero').slideUp();
$('#zero').slideDown('fast');

.img {
animation : rotate_image 5s linear infinite, scale 3s linear infinite;
}

제이쿼리 표기법이나 
css 애니메이션 태그법도 도전해봤는데 표기법이 어려워서요
좀만 팁이라도 알려주실 수 없을까요? 

[codingapple]

페이지 로드시 애니메이션주는 클래스명 부착하거나
scrollreveal react-motion framer-motion 같은 라이브러리 씁시다

[글쓴이]

글