@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

npx remotion add @remotion/transitions

npm

npm i --save-exact @remotion/transitions@4.0.431

This assumes you are currently using v4.0.431 of Remotion.
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.

bun

pnpm i @remotion/transitions@4.0.431

This assumes you are currently using v4.0.431 of Remotion.
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.

pnpm

bun i @remotion/transitions@4.0.431

This assumes you are currently using v4.0.431 of Remotion.
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.

yarn

yarn --exact add @remotion/transitions@4.0.431

This assumes you are currently using v4.0.431 of Remotion.
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

<TransitionSeries>

A <Series> with transitions inbetween

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

Remotion 许可证

另请参阅

🌐 See also

• 过渡