canine89 Blur Transitions
언제 쓰나
- 감성·에디토리얼 카드의 부드러운 호흡 전환
- 사진 중심 카드에서 다음 씬으로 녹이듯 넘어갈 때
- 톤: emotional, minimalist, brand
- 추천 duration: 0.6–1.0초
설치
npx hyperframes add transitions-blur
→ compositions/transitions-blur.html.
와이어링
<div data-composition-src="compositions/transitions-blur.html"
data-start="4.3" data-duration="0.9"
data-track-index="1"
data-width="1080" data-height="1350">
</div>
파라미터
- 블러 강도·종류(gaussian / motion)는 쇼케이스 내에서 선택
짝
- 잘 맞음:
light-leak,domain-warp-dissolve,grain-overlay - 피해야:
glitch,flash-through-white— 부드러움과 충돌