o

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

· 2011-12-17 (토) 19:39:17 · 3309 · 9
easing.jpg
많이들 아시겠지만
easing을 쉽게 보여주는 이미지입니다
여기에는 없느거 같아 올립니다
 

첨부파일

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

댓글 9개

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

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

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

개발자팁

5,403건

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
PHP 11-12-28 조회 2,311
PHP 11-12-28 조회 2,090
JavaScript 11-12-28 조회 3,260
PHP 11-12-27 조회 2,522
Linux 11-12-27 조회 2,265
MySQL 11-12-26 조회 2,484
MySQL 11-12-26 조회 2,614
jQuery 11-12-26 조회 3,697
JavaScript 11-12-26 조회 2,317
Linux 11-12-25 조회 2,402
Mobile 11-12-23 조회 2,695
JavaScript 11-12-23 조회 2,338
jQuery 11-12-23 조회 5,117
jQuery 11-12-23 조회 3,961
PHP 11-12-23 조회 2,030
PHP 11-12-23 조회 1,903
Flash 11-12-23 조회 4,524
jQuery 11-12-23 조회 3,591
jQuery 11-12-23 조회 7,573
JavaScript 11-12-22 조회 2,417
jQuery 11-12-22 조회 3,670
Linux 11-12-22 조회 2,625
기타 11-12-22 조회 2,450
node.js
[node.js]
11-12-21 조회 2,322
PHP 11-12-21 조회 3,195
PHP 11-12-21 조회 1,948
기타 11-12-21 조회 2,322
node.js 11-12-21 조회 3,953
Mobile 11-12-19 조회 7,497
PHP 11-12-19 조회 2,267