When to use
- Clean slide transitions in presentation/deck style
- Flows with clear card directionality (left → right, bottom → top)
- 톤: tech, brand, minimalist
- Recommended duration: 0.4–0.7초
Installation
npx hyperframes add transitions-cover
→ compositions/transitions-cover.html.
Wiring
<div data-composition-src="compositions/transitions-cover.html"
data-start="4.6" data-duration="0.5"
data-track-index="1"
data-width="1080" data-height="1350">
</div>
Parameters
- Direction and easing are selected as variants within the showcase
짝
- Good fit:
transitions-push,transitions-scale - Avoid:
transitions-distortion,glitch— destroys cleanliness