@remotion/transitions

从 v4.0.53 版本开始可用

该包提供了 <TransitionSeries> 组件，用于在两个场景之间进行过渡，以及时间预设。

安装

npm

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

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

yarn

pnpm i @remotion/transitions@4.0.206

pnpm i @remotion/transitions@4.0.206

pnpm

bun i @remotion/transitions@4.0.206

bun i @remotion/transitions@4.0.206

bun

yarn --exact add @remotion/transitions@4.0.206

yarn --exact add @remotion/transitions@4.0.206

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

A

B

fade()

Animate the opacity of the scenes

A

B

slide()

Slide in and push out the previous scene

A

B

wipe()

Slide over the previous scene

A

B

flip()

Rotate the previous scene

A

B

clockWipe()

Reveal the new scene in a circular movement

cube()

Paid

Rotate both scenes with 3D perspective

A

B

none()

Have no visual effect.

Audio transitions

Add a sound effect to a transition

许可证

Remotion 许可证