Soft blur dissolve
Both clips defocus into a heavy blur, crossfade at the peak and sharpen again. Gentle scene changes, dreamy or memory beats.
Preview unavailable
Use this transition between my clips: "Soft blur dissolve" from the 24fps video editor library.
Preset JSON: https://24fps.dev/video-editor/transitions/blur-dissolve-soft-cc2/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.7s), 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: Blur, Delay Smudge, Ripple Fade, Bokeh Refocus, Smear Morph, Wobbly Fade, Textured Glass, Light Blur Wipe, Watercolor Blur, Woozy Rose, Blur Compress, Blur Glass Scan, Blur Erase, Waver Fade, Waver Drift, Flash Morph, Blur Center
- Technique
- Defocus dissolve used for soft scene changes
- Footage
- Man talking to camera, Pexels