Interaction lab / text reveal
Three ways to read a delay.
같은 문장을 같은 시간축에 놓고, backwards와 마스크가 등장 타이밍을 어떻게 바꾸는지 비교합니다.
Original
backwards + overflow hidden
delay 구간에도 시작 위치를 유지하고, 박스 밖의 움직임은 잘립니다.
Contrast 01
without backwards
각 조각이 delay 동안 최종 위치에 있다가 애니메이션을 시작합니다.
Contrast 02
without the mask
아래에서 올라오는 조각이 wrapper 바깥까지 보입니다.