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

개발자팁

5,403건

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

+
분류 제목 글쓴이 날짜 조회
Mobile 11-12-19 조회 4,575
jQuery 11-12-17 조회 3,316
MySQL 11-12-17 조회 3,601
MySQL 11-12-17 조회 2,941
node.js 11-12-16 조회 2,549
node.js 11-12-15 조회 2,861
node.js
[node.js]
11-12-15 조회 2,999
node.js 11-12-15 조회 5,728
JavaScript 11-12-15 조회 3,116
Linux 11-12-14 조회 1,959
PHP 11-12-14 조회 4,218
jQuery 11-12-12 조회 2,704
Linux 11-12-12 조회 2,792
node.js 11-12-09 조회 3,099
Mobile 11-12-09 조회 3,586
Mobile 11-12-09 조회 2,934
Mobile 11-12-09 조회 3,383
Mobile 11-12-09 조회 4,489
node.js 11-12-09 조회 2,364
기타 11-12-09 조회 3,118
Flash 11-12-08 조회 2,746
PHP 11-12-08 조회 2,808
jQuery 11-12-08 조회 1.2만
PHP 11-12-08 조회 4,468
jQuery 11-12-08 조회 3,042
JavaScript 11-12-08 조회 3,062
node.js 11-12-07 조회 2,465
jQuery 11-12-07 조회 3,381
Flash 11-12-07 조회 3,836
node.js 11-12-07 조회 3,478