@remotion/transitions
可从 v4.0.53 获取
🌐 available from v4.0.53
此包提供 <TransitionSeries> 组件,用于在两个场景之间进行过渡以及时间预设。
🌐 This package provides the <TransitionSeries> component for transitioning between two scenes as well as timing presets.
安装
🌐 Installation
- Remotion CLI
- npm
- bun
- pnpm
- yarn
npx remotion add @remotion/transitions
This assumes you are currently using v4.0.431 of Remotion.npm i --save-exact @remotion/transitions@4.0.431
Also update
remotion and all `@remotion/*` packages to the same version.Remove all
^ character in front of the version numbers of it as it can lead to a version conflict.This assumes you are currently using v4.0.431 of Remotion.pnpm i @remotion/transitions@4.0.431
Also update
remotion and all `@remotion/*` packages to the same version.Remove all
^ character in front of the version numbers of it as it can lead to a version conflict.This assumes you are currently using v4.0.431 of Remotion.bun i @remotion/transitions@4.0.431
Also update
remotion and all `@remotion/*` packages to the same version.Remove all
^ character in front of the version numbers of it as it can lead to a version conflict.This assumes you are currently using v4.0.431 of Remotion.yarn --exact add @remotion/transitions@4.0.431
Also update
remotion and all `@remotion/*` packages to the same version.Remove all
^ character in front of the version numbers of it as it can lead to a version conflict.应用编程接口
🌐 API
Components
Timings
springTiming()Transition with a
spring()linearTiming()Transition linearly with optional Easing
Custom timings
Implement your own timing
Presentations
Hover over an effect to see the preview.
Overview
List of available presentations
Custom presentations
Implement your own effect
fade()Animate the opacity of the scenes
slide()Slide in and push out the previous scene
wipe()Slide over the previous scene
flip()Rotate the previous scene
clockWipe()Reveal the new scene in a circular movement
iris()Reveal the scene through a circular mask from center
cube()Paid
Rotate both scenes with 3D perspective
none()Have no visual effect.
Audio transitions
Add a sound effect to a transition
许可证
🌐 License
另请参阅
🌐 See also