RGB split cut, 0.3 s

Red and cyan ghosts split apart over the cut. Music videos, gaming and glitchy fashion edits.

Use this transition between my clips: "RGB split cut, 0.3 s" from the 24fps video editor library.
Preset JSON: https://24fps.dev/video-editor/transitions/rgb-split-tear-quick/preset.json (pass its "preset" to the engine).
Engine (MIT, no dependencies, ES module): https://24fps.dev/editor/engine.js. Download the engine next to your page (curl -O) rather than importing cross-origin, then import { mount } from "./engine.js" in a <script type="module"> served over http.
Wiring: root = a position:relative box at the video's size. media = { a, b }: two wrappers holding clip A and clip B, both filling the root. Clip A plays first; the cut happens at preset.at (1.5s) over preset.dur (0.3s), so start clip B at preset.at. Then const fx = mount(root, { kind: "transition", preset, media }) and call fx.render(seconds) every frame. It is seek-safe: drive it from the GSAP timeline in HyperFrames or call render(frame / fps) in Remotion. Before capturing frames, await (fx.ready ?? document.fonts.ready).
Field reference: https://24fps.dev/video-editor/llms.txt. Keep sizes as fractions of the frame height so it works at any resolution. Credit: 24fps.dev/video-editor
Same idea
Also called: RGB Split (Glitch category), RGB Driver, Prism Bars, Tremble Signal, Analog Glitch, TV Signal 2, Rewind Glitch, Hues Crash, Hard Chromatic, Glitch effect templates
Technique
Chromatic aberration transition
Footage
Man talking to camera, Pexels

Similar transitions