Cộng đồng Hỏi & Đáp của Inflearn
câu hỏi đã được viết
aocl333님이 작성해주신 질문처럼 프로젝트 썸네일 이미지 애니메이션이 부자연스럽네요.
Viết
·
272
0
안녕하세요.
aocl333님이 작성해주신 질문처럼 프로젝트 썸네일 이미지 애니메이션이 부자연스럽네요.
스크롤링할때 더욱 그런 현상이 심한데요,
소스 파일을 정리하셔서 모든 수강생들이 수정 파일을 다운로드 받을 수 있도록
공개적으로 다시 올려주시는게 맞는것 같아요.
빠른 답변 부탁드립니다.
웹 디자인HTML/CSS반응형-웹
Câu trả lời 2
0
jyoung
Người chia sẻ kiến thức
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에서 있는 다양한 애니메이션을 적용해보시면서 테스트해보셔도 좋을 듯 합니다.
감사합니다.
0