When to use
- A feel of revealing radially from a center point
- A tech "discovery" feel, brand logo reveal
- 톤: tech, brand
- Recommended duration: 0.5–0.8초
Installation
npx hyperframes add transitions-radial
→ compositions/transitions-radial.html.
Wiring
<div data-composition-src="compositions/transitions-radial.html"
data-start="4.5" data-duration="0.7"
data-track-index="1"
data-width="1080" data-height="1350">
</div>
Parameters
- Center point and radial direction (inside-out / outside-in) are showcase variations
짝
- Good fit:
sdf-iris(combined with iris),transitions-scale - Avoid:
swirl-vortex— overlapping the same circular feel