Transition gallery

An SVG wave cap rides the incoming section as it sweeps upward.

The next section blooms out of a circular portal in the center.

A slanted mask wipes across the viewport with a clean angled seam.

A glowing iris portal opens from a single point at screen centre, expanding with a spinning ring until it consumes the entire viewport.

A frosted-glass panel slides up from below, creating lenticular refraction across the viewport before dissolving to reveal the next section.

A glowing burn line travels up the screen, igniting the next section.

Two organic ink blots spread and merge to reveal the next section.

A barrel-lens warp grows from a glowing point at viewport centre. Concentric refraction rings distort the outgoing section before the lens inflates to fill the screen.

The outgoing section catches fire from the bottom edge. An organic burn frontier sweeps upward through horizontal strips, leaving glowing embers drifting in the air before the next section is revealed beneath the ash.

The viewport rips apart along a jagged horizontal edge. Upper and lower halves separate with counter-rotation, revealing the incoming section behind the torn pages.

A virtual prism splits light into seven spectral bands that fan outward across the viewport, each band sweeping the incoming section into view at a different angle.

Five concentric ripple rings expand outward from the viewport centre, the innermost wave acting as a growing reveal mask. Outer rings glow with a cyan halo.

A soft spotlight mask grows until the next section fills the frame.

A clip-path mask morphs through a sequence of shapes — diamond → starburst → hexagonal shield → full rectangle — progressively revealing the incoming section.

A jagged lightning bolt fractures the screen diagonally, the two halves supercharging outward with a white flash — leaving the incoming section glowing in the aftermath.

The camera rockets through a series of receding depth planes before landing inside the next section. Each plane rushes past the viewer like a warp-speed jump.

The current section settles back like a card while the next slides over.

Zooms through the current section, landing inside the next one.

The next section unfolds downward like a hinged panel with real shading.

A small rounded hero card at the centre morphs outward into a full-bleed panel. Corners soften and sharpen as it expands, with an ambient glow ring for depth.

A perspective tunnel of shrinking frames flies toward the camera. Each nested frame rushes past the viewer, creating a warp-speed telescoping illusion.

Layers move at different depths for a true parallax handoff.

The camera flies down a neon-lit corridor of receding frames that narrow to a point before detonating into the next full-screen section — a cyberpunk flythrough.

Sections rotate through 3D space around a shared horizon.

Space itself bends between sections. Horizontal strips skew and stretch in a gravitational-lens wave before snapping back with the new section in place.

Hundreds of star particles stretch into hyperspace streaks and converge toward a central vanishing point, accelerating the viewer into the next section at warp speed.

The incoming section slides from the direction of scroll with a glowing motion-trail edge line. A subtle skew on entry straightens as the panel lands.

A curtain with a velocity-reactive elastic edge rises into place.

Sections are treated as polar magnets. The outgoing repels away and the incoming snaps into place with elastic physics — like two charged plates meeting across the viewport.

Six layers of the incoming section enter from different directions with unique skews and delays, assembling like a kinetic collage on a single scroll-driven timeline.

Sections cross at different scroll speeds for a deep parallax feel.

Horizontal bands dissolve progressively from top to bottom while the incoming section slides in from the right. A pulsing outline frame marks the morphing boundary.

Scroll velocity skews and stretches the handoff between sections.

The current section pins in place while the next slides over it.

The current section zooms and dissolves while the next scales in.

The viewport fractures into a grid of crystalline shards — each with refraction highlights — that scatter and fade with glacial elegance before the next section assembles.

A field of growing dots dissolves the screen into the next section.

The top and bottom halves of the next section slide in from opposite sides and fuse into a solid whole, carrying the incoming content with a subtle inner zoom.

The incoming section assembles tile by tile from scattered chaos. Tiles fly in from random off-screen positions to snap into their correct grid slots from the centre outward.

The outgoing section shatters into a tile grid that explodes radially from the centre. Each tile travels a physics-driven trajectory with rotation and fade.

The outgoing section melts downward column by column in a staggered left-to-right cascade, each column sliding off the bottom at a different speed before the next section is revealed.

The viewport fractures into 20+ irregular shards that explode outward from the centre with physics-inspired stagger, revealing the incoming section beneath.

Four organic ink-like blobs grow from the corners and merge to flood the viewport, revealing the next section through pure shape and motion.

Animated mesh gradient nodes drift across the screen, eroding the outgoing section while a colour-bleeding overlay bridges the two backgrounds.

Viscous molten metal pours down from the top of the viewport in thick rivulets, cooling and solidifying to reveal the incoming section cast in a metallic sheen.

Flowing aurora-borealis curtains of iridescent light sweep across the viewport, dissolving the outgoing section into shifting green-violet waves before the next scene crystallises beneath.

A gravitational singularity forms at viewport centre, pulling every pixel of the outgoing section into a vortex before the incoming scene explodes outward from the same point.

Vertical blinds open strip by strip to expose the next section.

A simulated cloth of staggered strips lifts off the next section as it peels away.

Top and bottom curtains slide in from opposite sides and seal shut.

Two triangular shards fly in from opposite corners and fuse.

Wind pressure from the left blows the outgoing section away as a grid of fine particles. Each cell drifts rightward with turbulent lift and velocity variance.

An energy shockwave erupts from viewport centre — three pulsing rings and 24 radial rays bleach the outgoing section before the incoming one materialises from the glow.

Sixty luminous particles drift upward from the bottom, each on a unique path governed by seeded pseudo-random physics, forming a living particle curtain between sections.

Scanline corruption, RGB channel splits, and chromatic aberration tear the outgoing section apart like a failing hologram — leaving the next section fully intact.

Particles converge from scatter into a concentric-ring formation, pulse as if alive, then burst radially outward as the incoming section takes over.

Four rings of luminous particles spiral inward like a galactic accretion disk, compressing to a point before exploding outward to reveal the next section.

The section dissolves into drifting particles that fan outward as a dot mask grows.

The outgoing section dissolves into fine particles that fly outward in random directions, creating a sense of chaos and disintegration.

Two half-screen doors slide vertically and lock into a seamless panel.

God rays descend from a radiant source, bleaching the outgoing section before the new one materialises from the light. Fourteen volumetric beams create cinematic depth.