-
질문 & 답변
카테고리
-
세부 분야
웹 개발
-
해결 여부
미해결
애니메이션
20.12.16 18:14 작성 조회수 138
0
프로젝트부분에 포트폴리오올리는 부분이요. 그부분 애니메이션이 부드럽게 안올라오고 버퍼링걸린거처럼 되다가 그다음에 올라오는데 이거 어떻게 수정하나요.
답변을 작성해보세요.
0
J.영
지식공유자2020.12.22
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
J.영
지식공유자2020.12.17
안녕하세요 ^^ aocl333님 ㅎㅎ 질문 감사드립니다 ^^ 소스를 확인해봐야할거같은데 jjjh523@nate.com 으로 메일 첨부 해주시면 확인 후 답변드리겠습니다 ㅎㅎ
답변 2