인프런 커뮤니티 질문&답변

Kate님 오랫만에 뵙는것 같습니다^^

잘 계셨지요? ^^

기존 와이스튜디오 강의는  직접 애니메이션을 제작하지않고  플러그인 으로 간단히 

스크롤 애니를 적용해 본건데요...

플러그인에서 연결한 animate.min.css 그대로  fadeInUp 애니메이션이 적용된거라

 스크롤을 어떤 속도에 하냐에따라 부자연스러운 부분이 있을 수 있습니다.

다른 강의에서 (대방 뮤자인 등등)에서는 직접  @keyframes 짜보면서 애니를 만드는 강의가 들어가 있습니다만, 와이스튜디오는

플러그인 적용을 위해 animate.min.css에서 작성된 애니를 그대로 사용한것이지요....

현재 프로젝트 .project 부분의 썸네일이 부자연스럽다면 

 오른쪽에서 나오도록  <ul class="animate" data-animate="fadeInRight" data-duration="1s" data-delay="0s">
이런식으로 변경해주면 자연스럽게 보입니다 . 

animate.min.css에서 있는 다양한 애니메이션을 적용해보시면서 테스트해보셔도 좋을 듯 합니다.

감사합니다.

안녕하세요Kate님 ㅜ.ㅜ
일단 파일을 확인해보고 다시 답드리도록 하겠습니다.
감사합니다