카메라 위치를 유지한 채 위나 아래로 기울여 시선을 옮깁니다.
<div class='frame'><div class='view'><div class='sky'></div><div class='tower'><i></i><i></i><i></i><b>TOP</b></div><div class='ground'></div><div class='sight'></div></div><div class='caption'>TILT · SAME POSITION</div></div>.frame{position:absolute;inset:0;overflow:hidden;background:var(--bg)}
.view{position:absolute;inset:7% 8% 23%;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,#b9d5d0 0 48%,#d9c99f 48% 100%)}
.sky{position:absolute;inset:-12% 0 30%;background:linear-gradient(155deg,var(--accent-2),#d3e3d2);transform:translateY(28%);animation:sky 4s ease-in-out infinite}
.tower{position:absolute;left:43%;top:9%;width:18%;height:107%;background:var(--accent-3);clip-path:polygon(28% 0,72% 0,100% 100%,0 100%);animation:building 4s ease-in-out infinite}
.tower i{position:relative;display:block;margin:20% auto 0;width:35%;height:3px;background:var(--surface);opacity:.75}
.tower b{position:absolute;top:5%;left:20%;color:var(--surface);font:700 clamp(8px,2vmin,12px) ui-monospace,monospace}
.ground{position:absolute;inset:auto 0 0;height:31%;background:#7c8e69;transform:translateY(26%);animation:ground 4s ease-in-out infinite}
.sight{position:absolute;left:50%;top:49%;width:clamp(20px,10vmin,54px);height:2px;background:var(--surface);opacity:.65}
.caption{position:absolute;left:8%;bottom:7%;color:var(--muted);font:700 clamp(8px,2vmin,12px) ui-monospace,monospace;letter-spacing:.1em}
@keyframes sky{0%,8%{transform:translateY(28%)}52%{transform:translateY(-10%)}92%,100%{transform:translateY(28%)}}
@keyframes ground{0%,8%{transform:translateY(26%)}52%{transform:translateY(-19%)}92%,100%{transform:translateY(26%)}}
@keyframes building{0%,8%{transform:translateY(16%)}52%{transform:translateY(-7%)}92%,100%{transform:translateY(16%)}}발은 제자리에 두고 고개를 들어 건물 꼭대기를 보는 것처럼, 카메라가 위아래로 회전합니다. 화면에서는 수평선과 건물의 보이는 부분이 프레임 안에서 이동합니다.
삼각대의 틸트 축이나 가상 카메라의 상하 회전 각도를 키프레임으로 정합니다. 카메라 중심은 고정하고 롤 축은 유지합니다. 그래도 카메라가 위를 향하면 원근 때문에 건물의 수직선이 위쪽에서 모일 수 있습니다.
카메라 높이 자체를 바꾸는 페디스털과 다릅니다. 틸트는 보는 방향을 바꾸고 페디스털은 카메라 높이를 바꿉니다. 화면 전체를 기울이는 롤과도 구분하세요.
인물이나 구조물의 높이를 보여 주거나 위아래로 시선을 안내할 때 쓰세요. 움직임이 너무 길면 관객이 목적지를 잊기 쉽습니다.