Visual effects에 생명을 불어넣자!
Script.aculo.us의 Visual effects(Core Effects 와 Combination Effects)에는 여러 옵션을 부여할 수 있습니다. 그 중에서도 Core Effects 모션에서 중요하게 사용되는 변이(Transition) 옵션에 대하여 알아봅니다. Transition을 잘쓰면 플래시와 비슷한 효과를 얻을 수도 있습니다. 이 옵션은 Script.aculo.us v1.x 에서 지원하는 대표적인 트랜지션 옵션은 아래와 같습니다. duration(시간 제한)과 함께 사용하면 효과적입니다.
Effect.Transitions
Effect.Transitions.sinoidal((default)) : 느림 -> 빠름 ->느림의 변화(플래시의 Ease±50와 같음)
Effect.Transitions.linear : 변화가 없는 선형 운동(플래시의 Ease0과 같음)
Effect.Transitions.reverse : 정 반대로 운동
Effect.Transitions.wobble : 불안정한(흔들림) 변화운동
Effect.Transitions.flicker : 깜박이는 변화운동(도착점 불규칙)
Effect.Transitions.pulse : 파동 변화, 이동없음(비공식)
Effect.Transitions.full : 꽉찬변화 변화없이 운동(비공식)
Effect.Transitions.none : 변화없음(비공식)
sinoidal(default) left ~ sinoidal(default) right
linear left ~ linear right
linear left 0.5sec ~ linear right 0.5sec
reverse left ~ reverse right
flicker left 0.3sec ~ flicker right 0.3sec
wobble left 0.3sec ~ wobble right 0.3sec
pulse left 0.3sec ~ pulse right 0.3sec
none left ~ none right
full left ~ full right
sinoidal(default) out ~ sinoidal(default) in
linear out ~ linear in
linear out 0.5sec ~ linear in 0.5sec
reverse out ~ reverse in
flicker out 0.3sec ~ flicker in 0.3sec
wobble out 0.3sec ~ wobble in 0.3sec
pulse out 0.3sec ~ pulse in 0.3sec
none out ~ none in
full out ~ full in
※ 이 페이지는 RSS리더기에서 비정상으로 보일 수 있으며 정상 작동하지 않을 수 있습니다.
Comments
Got something to add? You can just leave a comment.
Your Reaction Time!