애니메이션

작성한 질문수 3

0

aocl333님 

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

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

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

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

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

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

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

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

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

감사합니다.

0

안녕하세요 ^^ aocl333님 ㅎㅎ 질문 감사드립니다 ^^ 소스를 확인해봐야할거같은데  jjjh523@nate.com 으로 메일 첨부 해주시면 확인 후 답변드리겠습니다 ㅎㅎ