o

easing을 쉽게 보여주는 이미지입니다

easing.jpg
많이들 아시겠지만
easing을 쉽게 보여주는 이미지입니다
여기에는 없느거 같아 올립니다
 

첨부파일

easing.jpg (117.5 KB)
0회 2011-12-17 19:39
|

댓글 9개

easing 이 뭔가요?
위에 블로그 읽어 보시면 이해가 쉽네요 ^^

조금더 간단히 설명드리면 에니메이션시 a->b까지 시간대별 이동거리라고 보시면 됩니다.
위의 그래프는 x축은 시간 y축은 이동 거리라고 보시면 됩니다
linear 같은경우 시간대별 이동시간이 정비례하는것이고요
19번 같은경우는 빠른시간에 이동한것이고요
25번 같은경우 이동거리보다 더 간다음 다시 뒤로 오는식이고요(미스터 피자보시면 상단메뉴가 그렇습니다)

이것은 jquery만 아니라 다른 에니메이션 하는곳에서(플래쉬등)도 무비 이동시 사용하는 방식이라고 보시면 됩니다
오 완전유용하네요!
감사합니다.
좋은 정보 감사합니다^^
완전 유용합니다
좋네요 잘 봣습니다.
댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

6,077건

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
11-12-29 조회 741
11-12-28 조회 736
11-12-28 조회 672
11-12-27 조회 864
11-12-23 조회 689
11-12-23 조회 694
11-12-21 조회 1,806
11-12-21 조회 850
11-12-19 조회 786
11-12-14 조회 2,001
11-12-08 조회 984
11-12-08 조회 2,063
11-12-07 조회 2,235
11-12-06 조회 2,212
11-12-06 조회 1,282
11-12-05 조회 1,072
11-12-05 조회 2,549
11-12-04 조회 1,117
11-12-03 조회 1,466
11-12-02 조회 1,359
11-12-02 조회 1,345
11-12-02 조회 775
11-12-01 조회 789
11-12-01 조회 1,558
11-12-01 조회 793