크로스페이드Crossfade

Crossfade

크로스페이드

다른 이름Also known as · Dissolve · 디졸브 · 교차 페이드 · Cross dissolve · Cross Dissolve · fade() · fadeTransition · Non-Additive Dissolve

120

도판Fig. 120. 크로스페이드 · Crossfade · none

재생 속도Speed

장면 A의 불투명도가 낮아지는 동안 장면 B의 불투명도가 함께 높아지는 전환Scene A fades out as scene B fades in at the same time.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

두 장면이 잠시 공존하며 문장과 확률 정보가 이어진다Briefly lets both scenes coexist, connecting the sentence to probability information.

언제 쓰나Use whenUSE WHEN

문장에서 관련 데이터 장면으로 부드럽게 넘어갈 때
시간이나 분위기가 이어지는 두 장면을 연결할 때

Move smoothly from a sentence to a related data scene.
Connect two scenes that share a continuous sense of time or atmosphere.

과용 주의AvoidAVOID

겹치는 두 장면의 본문을 오래 읽게 하지 않는다
각 장면에 주홍 초점을 따로 두지 않는다

분류TagsTAGS

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

문장이 0.8초 동안 사라지며 후보 확률 막대가 같은 시간에 나타난다

과용 · 나쁜 사례OVERUSE

A를 먼저 완전히 지운 뒤 B를 켜서 중간에 빈 화면을 만든다

파라미터Parameters

기본값은 클립에 쓴 값Defaults are the values used in the clip

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
전환 시작	0.35s	0.3~0.8s	시작 장면을 먼저 보여준다
겹침 지속	0.8s	0.5~1.2s	중간 시점에 두 장면을 확인한다
불투명도	A 1→0, B 0→1	0~1	같은 시각에 반대 방향으로 변화
완성 홀드	1.65s	0.5~2s	주석 등장 완료 후 정지

GSAP

tl.to('#A', {opacity:0, duration:0.8, ease:'none'}, 0.35);
tl.to('#B', {opacity:1, duration:0.8, ease:'none'}, 0.35);
tl.to('.lead', {opacity:1, duration:0.2}, 1.3);

라이브 소스 열기Open live source 소스 코드Source README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상>의 장면 A와 B를 같은 좌표에 배치해 크로스페이드를 만들어줘. 0.35초부터 0.8초 동안 A opacity를 1에서 0, B를 0에서 1로 동시에 바꾸고 ease는 none으로 해. 1.5초부터 3초까지 완성 장면을 정지하고 주홍 초점은 한 곳만 둬.

Create a crossfade by placing scenes A and B of <target> at the same coordinates. Starting at 0.35 seconds over 0.8 seconds, simultaneously animate A opacity from 1 to 0 and B opacity from 0 to 1 with ease none. Hold the completed scene from 1.5 to 3 seconds and use only one vermilion focal point.

Codex

<파일>의 장면 전환에 GSAP opacity 크로스페이드를 적용해. 시작 0.35초, 지속 0.8초, ease none으로 A 1→0과 B 0→1을 같은 타임라인에 넣어. 0.23초, 0.75초, 2.9초를 캡처해 시작 A, 두 장면의 반투명 겹침, 완성 B 홀드를 확인해.

Apply a GSAP opacity crossfade to the scene transition in <file>. In the same timeline, animate A from 1 to 0 and B from 0 to 1 with start 0.35 seconds, duration 0.8 seconds, and ease none. Capture at 0.23, 0.75, and 2.9 seconds to check initial scene A, the translucent overlap of both scenes, and the completed scene B hold.