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,577
jQuery 11-12-17 조회 3,319
MySQL 11-12-17 조회 3,602
MySQL 11-12-17 조회 2,944
node.js 11-12-16 조회 2,551
node.js 11-12-15 조회 2,864
node.js
[node.js]
11-12-15 조회 3,001
node.js 11-12-15 조회 5,733
JavaScript 11-12-15 조회 3,119
Linux 11-12-14 조회 1,962
PHP 11-12-14 조회 4,220
jQuery 11-12-12 조회 2,707
Linux 11-12-12 조회 2,792
node.js 11-12-09 조회 3,102
Mobile 11-12-09 조회 3,588
Mobile 11-12-09 조회 2,939
Mobile 11-12-09 조회 3,386
Mobile 11-12-09 조회 4,492
node.js 11-12-09 조회 2,367
기타 11-12-09 조회 3,121
Flash 11-12-08 조회 2,747
PHP 11-12-08 조회 2,810
jQuery 11-12-08 조회 1.2만
PHP 11-12-08 조회 4,469
jQuery 11-12-08 조회 3,044
JavaScript 11-12-08 조회 3,062
node.js 11-12-07 조회 2,468
jQuery 11-12-07 조회 3,381
Flash 11-12-07 조회 3,838
node.js 11-12-07 조회 3,480