•  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
더 보기
로그인이 되지 않는 경우 최근 변경 페이지에서 로그인을 시도해 주세요.

ease(비교)

r4 vs r5
......
77=== ease in ===
88 * 느리게 시작해 점점 빨라지는 시적 효과로, ease out의 프레임당 변화를 뒤집은 것이라 보면 된다.
99
10==== ease in back ====
11 * 느리게 시작해 점점 빨라지는 시적 효과이다. 하지만 이 코드는 처음에서부터 시작해서 약간 튕겼다가 간다. (예: y좌표를 위로 변경하는 경우 밑으로 조금 갔다가 위로 올라간다.)
12
13==== ease in elastic ====
14 * ease in back 코드에서 더 강하게 튕기는 코드.
15
16=== ease in bounce ===
17 * y좌표를 위로 올린다고 가정한다면, 올라갔다가, 다시 처음으로 내려갔다가를 반복하다가 점점 높아지다가 목표 y지점에 도착하는 코드.
18
1019=== ease out ===
1120 * 시적 효과는 abn과 비슷하다. 시간 기반이므로 abnt와 비슷한 경향이 있다.
21
22==== ease out back ====
23 * ease in back의 프레임당 변화를 뒤집은 것이라 보면 된다.
24
25==== ease out elastic ====
26 * ease in elastic에서 프레임당 변화를 뒤집은 것이라 보면 된다.
27
28=== ease out bounce ===
29 * ease in bounce의 프레임당 변화를 뒤집은 것이라 보면 된다.
1230
1331=== ease in out ===
1432 * 느리게 시작해 점점 빨라지다가 점점 느려지는 코드이다. 쉽게 말하면 ease in과 ease out을 이어서 실행한 것이라고 볼 수 있다.
1533
16=== ease out in ===
17 * ease in out의 프레임당 변화를 뒤집은 것이라 보면 된다. 그니까, 빠르게 시작해 점점 느려지다가 점점 빨라지는 코드이다.
18
19=== ease in back ===
20 * 느리게 시작해 점점 빨라지는 시적 효과이다. 하지만 이 코드는 처음에서부터 시작해서 약간 튕겼다가 간다. (예: y좌표를 위로 변경하는 경우 밑으로 조금 갔다가 위로 올라간다.)
21
22=== ease out back ===
23 * ease in back의 프레임당 변화를 뒤집은 것이라 보면 된다.
24
25=== ease in out back ===
34==== ease in out back ====
2635 * ease in back과 ease out back을 이어붙인 코드.
2736
28=== ease in elastic ===
29 * ease in back 코드에서 더 강하게 튕기는 코드.
3038
3139=== ease out elastic ===
3240 * ease in elastic에서 프레임당 변화를 뒤집은 것이라 보면 된다.
3341
3442=== ease in out elastic ===
37==== ease in out elastic ====
3538 * ease in elastic과 ease out elastic을 이어붙인 코드.
36
37=== ease in bounce ===
38 * y좌표를 위로 올린다고 가정한다면, 올라갔다가, 다시 처음으로 내려갔다가를 반복하다가 점점 높아지다가 목표 y지점에 도착하는 코드.
39
40=== ease out bounce ===
41 * ease in bounce의 프레임당 변화를 뒤집은 것이라 보면 된다.
4239
4340=== ease in out bounce ===
4441 * ease in bounce와 ease out bounce를 이어붙인 코드.
4542
43=== ease out in ===
44 * ease in out의 프레임당 변화를 뒤집은 것이라 보면 된다. 그니까, 빠르게 시작해 점점 느려지다가 점점 빨라지는 코드이다.
45