inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Thực chiến! Làm trang web! Từng bước một! (Y Studio_Web thích ứng)

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

312

winterlove

4 câu hỏi đã được viết

0

안녕하세요.

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

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

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

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

빠른 답변 부탁드립니다.

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

Câu trả lời 2

0

jyoung

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

jyoung

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

bitnami 설치

0

7

0

강의 소스 코드는 어디서 볼수 있나여?

1

20

1

자료집 관련

0

13

2

13. (App 2) 기본기 훈련 에서

0

23

1

17강 강의에 목데이터 첨부파일이 없습니다.

2

27

2

2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중

0

25

1

11차시 Antigravity IDE 설치 후

0

24

1

처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법

0

28

1

5,6,7,8 내용이 없어요

0

29

1

푸터에 있는 카테고리 폰트 컬러 어떻게 바꾸나요?

0

32

1

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

0

336

1

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

0

397

2

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

0

569

7

reset txt

0

287

1

애니메이션

0

281

2

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

0

228

2

레이아웃 질문

0

283

1

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

1

280

1

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

0

405

5

현업관련 질문

0

230

1

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

2

498

6

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

1

218

1

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

0

315

1

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

0

218

1