로그인이 되지 않는 경우 최근 변경 페이지에서 로그인을 시도해 주세요.
| | r12 vs r13 |
|---|
| ... | ... | |
|---|
| 15 | 15 | [[파일:ease in elastic.png]] |
|---|
| 16 | 16 | ==== ease in bounce ==== |
|---|
| 17 | 17 | * y좌표를 위로 올린다고 가정한다면, 올라갔다가, 다시 처음으로 내려갔다가를 반복하다가 점점 높아지다가 목표 y지점에 도착하는 코드. |
|---|
| 18 | | |
|---|
| 18 | [[파일:ease in bounce.png]] |
|---|
| 19 | 19 | === ease out === |
|---|
| 20 | 20 | * 시적 효과는 abn과 비슷하다. 시간 기반이므로 abnt와 비슷한 경향이 있다. |
|---|
| 21 | 21 | [[파일:ease out.png]] |
|---|
| ... | ... | |
|---|
| 27 | 27 | [[파일:ease out elastic.png]] |
|---|
| 28 | 28 | ==== ease out bounce ==== |
|---|
| 29 | 29 | * ease in bounce의 프레임당 변화를 뒤집은 것이라 보면 된다. |
|---|
| 30 | | |
|---|
| 30 | [[파일:ease out bounce.png]] |
|---|
| 31 | 31 | === ease in out === |
|---|
| 32 | 32 | * 느리게 시작해 점점 빨라지다가 점점 느려지는 코드이다. 쉽게 말하면 ease in과 ease out을 이어서 실행한 것이라고 볼 수 있다. |
|---|
| 33 | 33 | [[파일:ease in out.png]] |
|---|
| ... | ... | |
|---|
| 39 | 39 | [[파일:ease in out elastic.png]] |
|---|
| 40 | 40 | ==== ease in out bounce ==== |
|---|
| 41 | 41 | * ease in bounce와 ease out bounce를 이어붙인 코드. |
|---|
| 42 | | |
|---|
| 42 | [[파일:ease in out bounce.png]] |
|---|
| 43 | 43 | === ease out in === |
|---|
| 44 | 44 | * ease in out의 프레임당 변화를 뒤집은 것이라 보면 된다. 그니까, 빠르게 시작해 점점 느려지다가 점점 빨라지는 코드이다. |
|---|
| 45 | 45 | [include(틀:문서 가져옴, title=타이포그래피, version=10, uuid=1a12668a-592f-4e26-a2a0-a495d0980ad3)] |
|---|