| Prop | Type | Required | Example | Value Range | Description |
|---|---|---|---|---|---|
| preNodeId | string | true | - | - | The unique identifier of the preceding element where the transition starts. |
| postNodeId | string | true | - | - | The unique identifier of the following element where the transition ends. |
| transitionType | string | true | - | Bounce | BowTieHorizontal | BowTieVertical | ButterflyWaveScrawler | CircleCrop | ColourDistance | CrazyParametricFun | Directional | DoomScreenTransition | Dreamy | DreamyZoom | GridFlip | InvertedPageCurl | LinearBlur | Mosaic | PolkaDotsCurtain | Radial | SimpleZoom | StereoViewer | Swirl | WaterDrop | ZoomInCircles | angular | burn | cannabisleaf | circle | colorphase | crosshatch | crosswarp | cube | displacement | doorway | fade | fadecolor | fadegrayscale | flyeye | heart | hexagonalize | kaleidoscope | luma | luminance_melt | morph | multiply_blend | pinwheel | pixelize | polar_function | ripple | rotate_scale_fade | squareswire | squeeze | swap | undulatingBurnOut | wind | windowblinds | windowslice | wipeDown | wipeLeft | wipeRight | wipeUp | The type of transition effect applied (e.g., "fade", "directionalwarp"). |
Note: The
preNodeIdandpostNodeIddefine the elements involved in the transition. ThetransitionTypespecifies the visual effect to apply, such as fade, wipe, or directional warp.
Example: A
Transitionelement provides a seamless effect between two video elements, with customizable duration and transition type.
1{
2 "id": "52b20852-e260-41aa-afab-70c22e20f62b",
3 "type": "Transition",
4 "start": 8.218542,
5 "duration": 2,
6 "preNodeId": "435862f1-2358-464d-b379-26f4b63b12e3",
7 "postNodeId": "2b82ffe3-7c6e-4d28-9c11-9e3de94c5a49",
8 "transitionType": "directionalwarp",
9 "trackIndex": null
10}
11