inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

실전! 웹사이트제작! Step by Step! (와이스튜디오_반응형웹)

aocl333님이 작성해주신 질문처럼 프로젝트 썸네일 이미지 애니메이션이 부자연스럽네요.

287

김혜경

작성한 질문수 4

0

안녕하세요.

aocl333님이 작성해주신 질문처럼 프로젝트 썸네일 이미지 애니메이션이 부자연스럽네요.

스크롤링할때 더욱 그런 현상이 심한데요,

소스 파일을 정리하셔서 모든 수강생들이 수정 파일을 다운로드 받을 수 있도록

공개적으로 다시 올려주시는게 맞는것 같아요.

빠른 답변 부탁드립니다.

웹 디자인 HTML/CSS 반응형-웹

답변 2

0

J.영

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

J.영

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

섹션5 노션링크 는 따로 없나요?

0

18

2

Part 4에서 강의 연관 노션 정보들이 워드파일에 없습니다.

0

22

2

첨부자료 Part 4 코드 확인 부탁드리겠습니다.

0

18

2

선생님 각 강좌마다 예시로 보여주시는 웹페이지들은 어디서

0

16

1

퍼플렉시티 최소 결제단위 50달러로 바뀐 것 같습니다.

0

38

2

claude plugin 방법 자세히 부탁드려요

0

39

2

강의에 적용한 스크립트를 받아 볼수 있을까요?

0

38

2

최근 코테, 과제 테스트 트렌드

0

57

2

노션 25 인터렉션 구현 파트 안 보입니다!

0

36

2

파트3 13F부분도 짤린거같은데 확인해주세요

0

37

2

Meet Out ProjectsMore Projects 스크롤 애니메이션

0

316

1

.gnb.on 이해가 안되어서 질문 올립니다..

0

375

2

제이쿼리 오류 문의 드립니다.

0

528

7

reset txt

0

274

1

애니메이션

0

256

2

혹시 반응형 웹페이지 제작 1과 2사이에 다른편이있나요?

0

212

2

레이아웃 질문

0

256

1

제이쿼리 파일이 어디에 있는건가요?

1

263

1

제이쿼리 이벤트 png 파일은 어디 있는 건가요?

0

365

5

현업관련 질문

0

209

1

자료를 다운하는데 압축 풀려고 하는데 안되네요

2

430

6

다음강의 내용과 나오는 시간

1

202

1

자료에 코딩파일 첨부 부탁드려요.

0

296

1

제공해주시는 이미지들이 강의와 다릅니다..!

0

191

1