Essentials Mode: Slide Background Motion Transitions

• Slide Background Motion Transitions
• Transition Collection
  • Transition Slide Category
  • Transition Zoom Category
  • Transition 3D Category

Slide Background Motion Transitions

Every slide in Slider Revolution has a background, usually an image, a video or a color, behind the layers placed on the slide. The Slide Background has its own animations, separate from the animations of the layers.

Layers and backgrounds are animated in the Module Editor. Essentials Mode is one of the two ways to animate them there, where animations are picked from ready-made presets instead of built keyframe by keyframe.

For the slide background, Essentials Mode has three tabs. Transition sets how the slide's background replaces the previous slide's background when the slide changes. Pan & Zoom scales and moves the background image while the slide shows.

Filter adds a visual effect, such as grain or blur, to the background while the transition plays.

The Transition tab has eight categories, split across three articles by what the transition does to the background. This article lists the presets of the Slide, Zoom and 3D categories, with what each one does and the settings it offers. In these categories the backgrounds move, scale or turn.

The Fade, Cut / Reveal and Color categories are in Slide Background Reveal Transitions, and the Fluid and Distort categories are in Slide Background Distortion Transitions.

The animations for added layers are described in In and Out Animations and Additional Animations.

To find the presets, go to the Module Editor and select the Slide Background, the last row of the Timeline. Then, in the Right Sidebar, click the Animation icon ¹ in the Mode Switcher to enter Animation Mode.

The Transition ², Pan & Zoom and Filter tabs are at the top of the sidebar.

The tabs show while Essentials is chosen with the switch at the bottom of the sidebar.

Applying a preset follows the same steps in every collection, described in Animation Essentials Mode. Clicking a preset tile opens its configuration panel, where its parameters are set before Apply adds the animation to the slide background.

Transition Collection

The Transition collection holds the presets that play when the slide changes to this slide. The new background replaces the previous slide's background using the chosen transition.

The collection has eight categories: Fade, Cut / Reveal, Slide, Zoom, 3D, Fluid, Distort and Color. This article covers Slide, Zoom and 3D.

Applying a transition replaces the slide's current transition, including its length. Each preset has its own length, given with the preset, and the configuration panel has no Duration control. A filter set in the Filter tab is kept, as described in Slide Background Filters.

Many presets cut the background into strips, tiles or cells that animate one after another. In these presets, Auto follows the direction of navigation, so the transition runs one way when going to the next slide and the opposite way when going back.

Tiles marked PRO belong to the Transition Pack add-on and show on every site. Applying one installs and activates the add-on for the module first.

Transition Slide Category

The Slide category holds presets that move the backgrounds across the slide, whole or in pieces.

Transition Slide

The new background slides in across the full width or height of the slide, the previous one slides out, or both, as set by Motion. Plays for 1000 milliseconds.

Parameters:

• _Motion: Over, Away, Both, Both + Fade In, Both + Fade. Over slides the new background in over the previous one, which stays in place. Away slides the previous background out, uncovering the new one. Both slides the new background in as the previous one slides out the same way. Both + Fade In also fades the new background in. Both + Fade also fades the new one in and the previous one out.
• _Direction: Up, Left, Auto, Right, Down. The direction the new background travels. Auto moves it up when going to the next slide and down when going back. Clicking Auto again switches it between vertical and horizontal.
• _Easing: Linear, Smooth, Snappy, Strong, Bounce. The acceleration curve of the transition.

Transition Slide Parallax

The new background slides in across the full width or height of the slide, while the previous background moves 60% of that distance the same way underneath it. Plays for 1000 milliseconds.

Parameters:

• _Direction: Up, Left, Auto, Right, Down. The direction the new background travels. Auto moves it up when going to the next slide and down when going back. Clicking Auto again switches it between vertical and horizontal.
• _Easing: Linear, Smooth, Snappy, Strong, Bounce. The acceleration curve of the transition.

Transition Slide Double Parallax

A band crosses the slide from the side the new background enters from. Inside the band a darkened copy of the new background passes over, and behind the band the new background shows in full while it moves the last 20% into place.

The previous background slides out along the same axis while fading out. Plays for 2000 milliseconds.

Parameters:

• _Direction: Up, Left, Auto, Right, Down. The direction the new background travels. Auto moves it up when going to the next slide and down when going back. Clicking Auto again switches it between vertical and horizontal.
• _Easing: Linear, Smooth, Snappy, Strong, Bounce. The acceleration curve of the transition.

Transition Slide Split Slide

The new background is cut into 5 columns or rows, and each slides in across its own width or height. Plays for 1000 milliseconds.

Parameters:

• _Split: Columns, Rows. Whether the background is cut into columns or rows.
• _Direction: Up, Left, Auto, Right, Down. The direction the strips travel. Auto moves them left when going to the next slide and right when going back. Clicking Auto again switches it between horizontal and vertical.
• _Stagger: Starts the strips one after another instead of together. It is always on for columns that move up or down and for rows that move left or right.
• _Vary: Cuts the background into 8 strips, with neighboring strips entering from opposite sides.
• _Fill: Normal, Dark, Light, Blank. Normal plays the transition directly. Dark, Light and Blank first fade the previous background to black, to white or to transparent, and the new background fades in after half the duration. Shown for Columns only.
• _Easing: Linear, Smooth, Snappy, Strong, Bounce. The acceleration curve of the transition.

Transition Slide Curtain

The new background is cut into 5 columns that drop in one after another, from above when going to the next slide and from below when going back. Plays for 1000 milliseconds.

Parameters:

• _Direction: Left, Auto, Right, From Center, From Edges, Random. The order the columns drop in. Right starts with the leftmost column and Left with the rightmost. Auto runs left to right when going to the next slide and right to left when going back.
• _Easing: Linear, Smooth, Snappy, Strong, Bounce. The acceleration curve of the transition.

Transition Slide Boxes

The slide is cut into a 5 by 5 grid of boxes. The new background's boxes move 15% into place while growing from 80% to full size and fading in, and the previous background's boxes move 15% the opposite way while shrinking to 80% and fading.

The boxes start one after another. Plays for 1000 milliseconds.

Parameters:

• _Direction: Up, Left, Auto, Right, Down, Diagonal. The direction the boxes move. Auto moves it left when going to the next slide and right when going back. Clicking Auto again switches it between horizontal and vertical. Diagonal moves them on both axes at once.
• _Fill: Normal, Dark, Light, Blank. Normal plays the transition directly. Dark, Light and Blank first fade the previous background to black, to white or to transparent, and the new background fades in after half the duration.
• _Easing: Linear, Smooth, Snappy, Strong, Bounce. The acceleration curve of the transition.

Transition Slide Zoom Boxes

The new background is cut into a 5 by 5 grid of boxes. Each box starts at twice its size and transparent, and moves across its own width into place, starting with the center box and spreading outward. Plays for 1000 milliseconds.

Parameters:

• _Direction: Up, Left, Auto, Right, Down, Diagonal. The direction the boxes move. Auto moves it left when going to the next slide and right when going back. Clicking Auto again switches it between horizontal and vertical. Diagonal moves them on both axes at once.
• _Easing: Linear, Smooth, Snappy, Strong, Bounce. The acceleration curve of the transition.

Transition Slide Flying Boxes

The new background is cut into a 7 by 7 grid of boxes that fade in while moving across the slide in the chosen direction, one after another, with motion blur.

Each box starts moved sideways by up to 100 pixels, rotated by up to 100 degrees, and scaled anywhere from 0% to 200%, and moves into place. The previous background stays in place underneath. Plays for 1000 milliseconds.

Parameters:

• _Direction: Up, Left, Auto, Right, Down. The direction the boxes move. Auto moves it left when going to the next slide and right when going back. Clicking Auto again switches it between horizontal and vertical.
• _Easing: Linear, Smooth, Snappy, Strong, Bounce. The acceleration curve of the transition. The panel opens with Snappy selected.

Transition Zoom Category

The Zoom category holds presets that scale the backgrounds in and out, whole or in strips.

Transition Zoom

The new background scales to full size while fading in, and the previous background scales the same way while fading out. Plays for 1000 milliseconds.

Parameters:

• _Zoom: In, Out. In grows the new background from 60% to full size and the previous one to 160%. Out shrinks the new background from 160% to full size and the previous one to 60%.
• _Fill: Normal, Dark, Light, Blank. Normal plays the transition directly. Dark, Light and Blank first fade the previous background to black, to white or to transparent, and the new background fades in after half the duration.
• _Easing: Linear, Smooth, Snappy, Strong, Bounce. The acceleration curve of the transition.

Transition Zoom Zoom Slide

One background slides across the full width or height of the slide while the other scales. Plays for 1000 milliseconds.

Parameters:

• _Zoom: In, Out. In slides the new background in over the previous one, which shrinks to 85%. Out slides the previous background out on top, uncovering the new one as it grows from 85% and fades in.
• _Direction: Up, Left, Auto, Right, Down. The direction the new background travels. Auto moves it up when going to the next slide and down when going back. Clicking Auto again switches it between vertical and horizontal.
• _Easing: Linear, Smooth, Snappy, Strong, Bounce. The acceleration curve of the transition.

Transition Zoom Blur Zoom

The new background fades in while it shrinks to full size from slightly enlarged and blurred. The blur clears over the second half of the transition. Plays for 1000 milliseconds.

Parameters:

• _Strength: Minimal, Subtle, Medium, Strong. The starting size and blur: 101%, 102%, 105% or 110%, with a blur of 2, 4, 6 or 10. The panel opens with Strong selected.
• _Easing: Linear, Smooth, Snappy, Strong, Bounce. The acceleration curve of the transition. The panel opens with Snappy selected.

Transition Zoom Zoom Split

The new background is cut into columns or rows that scale into place. The number of strips and how they move are set by Style.

Together shrinks 6 strips from 150% to full size while they fade in, all at once, with a blur that clears. Diagonal moves 6 strips in from 20% away on both axes, one after another, shrinking from 150%.

Slide In moves 6 columns or 5 rows in from half their width away while growing from 70%, over 500 milliseconds. Random shrinks 7 strips from 200% to full size, rotated by up to 10 degrees, in random order, over 800 milliseconds.

Otherwise plays for 1000 milliseconds.

Parameters:

• _Split: Columns, Rows. Whether the background is cut into columns or rows. Columns opens on Together and Rows on Slide In.
• _Style: Together, Diagonal, Slide In, Random. How the strips move.
• _Easing: Linear, Smooth, Snappy, Strong, Bounce. The acceleration curve of the transition.

Transition Zoom Zooms

The tile is marked PRO. It belongs to the Transition Pack add-on. Applying it installs and activates the Transition Pack for the module first, and on a site where Slider Revolution is not registered it asks for registration. Plays for 1000 milliseconds with Jump and 1400 with the other styles.

The previous background scales about the center of the slide and the new background scales to its size, with streaks of blur that spread out from the center between them. Jump, Out and In set how far each background scales. Shake scales about a point near the left edge.

Parameters:

• _Style: Jump, Out, In, Shake. The panel opens with In selected.
• _Easing: Linear, Smooth, Snappy, Strong, Bounce. The acceleration curve of the transition.

Transition Zoom Blurs

The tile is marked PRO. It belongs to the Transition Pack add-on. Applying it installs and activates the Transition Pack for the module first, and on a site where Slider Revolution is not registered it asks for registration. Plays for 1000 milliseconds with Zoom InOut and 1500 with Zoom Over.

Zoom InOut blurs both backgrounds out from the center of the slide, strongest halfway through, while the new background fades in. Zoom Over also scales the previous background down and starts the new background enlarged, then scales it down to its size.

Parameters:

• _Style: Zoom InOut, Zoom Over.
• _Easing: Linear, Smooth, Snappy, Strong, Bounce. The acceleration curve of the transition. The panel opens with Linear selected.

Transition 3D Category

The 3D category holds presets that turn the backgrounds, or pieces of them, in three dimensions.

Transition 3D Cube

The two backgrounds are faces of a closed cube that turns 90 degrees. The previous background is on the front face and the new one on the next face, with gray walls between them. The turn runs from 15% to 85% of the duration. Over the first 45% the slide pulls back into depth, and over the last 45% it returns. Plays for 2000 milliseconds.

Parameters:

• _Direction: Up, Left, Auto, Right, Down. The direction of the turn. Auto follows the direction of navigation, and clicking it again switches it between horizontal and vertical.
• _Zoom: Off, Subtle, Medium, Strong. How far the slide pulls back into depth during the turn: 400 pixels with Off, then 550, 750 or 1150. Locked while Tilt is set.
• _Tilt: Off, Subtle, Medium, Strong. Tilts the turn on the other axis: -20, -40 or -64 degrees for a horizontal turn, and 20, 40 or 64 for a vertical one. While Tilt is set, it also sets the depth and the Zoom row is locked.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the transition.

Transition 3D Stage Turn

The two backgrounds are the inside walls of a cube, with the pivot in front of the slide, so the view turns into the new background like turning in a room. The turn runs from 15% to 85% of the duration. Over the first 45% the slide pulls back into depth, and over the last 45% it returns. Plays for 2000 milliseconds.

Parameters:

• _Direction: Up, Left, Auto, Right, Down. The direction of the turn. Auto follows the direction of navigation, and clicking it again switches it between horizontal and vertical.
• _Zoom: Off, Subtle, Medium, Strong. How far the slide pulls back into depth during the turn: 400 pixels with Off, then 550, 750 or 1150. Locked while Tilt is set.
• _Tilt: Off, Subtle, Medium, Strong. Tilts the turn on the other axis: -20, -40 or -64 degrees for a horizontal turn, and 18, 35 or 56 for a vertical one. While Tilt is set, it also sets the depth and the Zoom row is locked.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the transition.

Transition 3D Toss

The previous background swings 30 degrees about a pivot behind the slide and is thrown off the stage, tumbling 10 degrees, and the new background swings in after it. The turn runs from 15% to 85% of the duration. Over the first 45% the slide pulls back into depth, and over the last 45% it returns. Plays for 2000 milliseconds.

Parameters:

• _Direction: Up, Left, Auto, Right, Down. The direction of the turn. Auto follows the direction of navigation, and clicking it again switches it between horizontal and vertical.
• _Zoom: Off, Subtle, Medium, Strong. How far the slide pulls back into depth during the turn: 400 pixels with Off, then 550, 750 or 1150. Locked while Tilt is set.
• _Tilt: Off, Subtle, Medium, Strong. Tilts the turn on the other axis: 10, 20 or 32 degrees for a horizontal turn, and -20, -40 or -64 for a vertical one. While Tilt is set, it also sets the depth and the Zoom row is locked.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the transition. The panel opens with Snappy selected.

Transition 3D Flip

The previous background flips away on a hinge at its corner through 120 degrees, and the new background hinges in. The hinge side follows the direction of navigation. Plays for 2000 milliseconds.

Parameters:

• _Direction: Up, Left, Auto, Right, Down. The direction of the turn. Auto follows the direction of navigation, and clicking it again switches it between horizontal and vertical.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the transition.

Transition 3D Columns

The slide is cut into 8 columns, each a 3D bar that turns to show the new background, one after another. Plays for 2000 milliseconds.

Parameters:

• _Direction: Up, Left, Auto, Right, Down. Left and Right spin each bar on its own axis. Up and Down turn the bars on the other axis. The arrow also sets which end starts first. Auto follows the direction of navigation.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the transition.

Transition 3D Rows

The slide is cut into 8 rows, each a 3D bar that turns to show the new background, one after another. Plays for 2000 milliseconds.

Parameters:

• _Direction: Up, Left, Auto, Right, Down. Up and Down spin each bar on its own axis. Left and Right turn the bars on the other axis. The arrow also sets which end starts first. Auto follows the direction of navigation.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the transition.

Transition 3D Cube Grid

The slide is cut into a 6 by 6 grid of cubes that turn in place to show the new background, one after another. Plays for 1800 milliseconds.

Parameters:

• _Direction: Up, Left, Auto, Right, Down, From Center, From Edges. The axis the cubes turn on and the cube that starts first. From Center and From Edges start at the center or at the edges.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the transition.

Transition 3D Rain

The slide is cut into a 12 by 7 grid of cells, in random order. Cells of the previous background speed up as they fall away, tumbling and fading, while cells of the new background fall in from the far side and slow into place. Plays for 1500 milliseconds.

Parameters:

• _Direction: Up, Left, Auto, Right, Down. The direction the cells fall. Auto moves them up when going to the next slide and down when going back. Clicking Auto again switches it between vertical and horizontal.
• _Easing: Smooth, Snappy, Back, Bounce, Elastic. The acceleration curve of the transition. The panel opens with Snappy selected.

Transition 3D Rotate

The new background is cut into columns or rows that rotate and scale into place. The number of strips, their angle and their order are set by Style.

Fan turns 7 strips in from angles fanned out up to 10 degrees. Fan Random turns 7 rows from small random angles in random order. Blinds turns 50 thin strips by 10 degrees.

Slats Vertical and Slats Horizontal move 20 strips in along that axis while rotating up to 45 degrees, with motion blur. Spin turns 100 columns half a turn from the edges. Tumble turns 25 rows by up to 40 degrees from the edges.

Parameters:

• _Split: Columns, Rows. Whether the background is cut into columns or rows. Columns opens on Slats Vertical and Rows on Fan Random.
• _Style: The columns offer Fan, Blinds, Slats Vertical, Slats Horizontal and Spin. The rows offer Fan, Fan Random, Blinds, Slats Horizontal, Slats Vertical and Tumble.
• _Easing: Linear, Smooth, Snappy, Strong, Bounce. The acceleration curve of the transition.

Transition 3D Rotate Boxes

The new background is cut into a 5 by 5 grid of boxes that rotate into place.

Scatter grows each box from nothing while turning it from up to 45 degrees, in random order, over 1000 milliseconds. Spin shrinks each box from ten times its size while turning it 120 degrees, over 1300 milliseconds.

Parameters:

• _Style: Scatter, Spin. How the boxes rotate.
• _Easing: Linear, Smooth, Snappy, Strong, Bounce. The acceleration curve of the transition.

Transition 3D Spin

The tile is marked PRO. It belongs to the Transition Pack add-on. Applying it installs and activates the Transition Pack for the module first, and on a site where Slider Revolution is not registered it asks for registration. Plays for 1500 to 2500 milliseconds depending on Style.

Both backgrounds turn about the center of the slide with a rotational blur that is strongest halfway through, and the new background fades in over the previous one during the turn.

Center makes two full turns. Around makes two full turns in the opposite direction over a longer duration. Zoom In and Zoom Out make half a turn and scale the image during it.

Parameters:

• _Style: Center, Around, Zoom In, Zoom Out.
• _Easing: Linear, Smooth, Snappy, Strong, Bounce. The acceleration curve of the transition.

Transition 3D Rings

The tile is marked PRO. It belongs to the Transition Pack add-on. Applying it installs and activates the Transition Pack for the module first, and on a site where Slider Revolution is not registered it asks for registration. Plays for 1500 milliseconds with Center and 2500 with Rings Spin Around.

The slide splits into rings around its center. Each ring turns about the center at its own time, the outer rings scale more than the inner ones, and the new background fades in within the rings. Rings Spin Around turns the rings the opposite way over a longer duration.

Parameters:

• _Style: Center, Rings Spin Around.
• _Easing: Linear, Smooth, Snappy, Strong, Bounce. The acceleration curve of the transition.

Transition 3D Disc Rotation

The tile is marked PRO. It belongs to the Transition Pack add-on. Applying it installs and activates the Transition Pack for the module first, and on a site where Slider Revolution is not registered it asks for registration. Plays for 2200 milliseconds.

Both backgrounds turn about a point on the slide, tilt in 3D and scale down, with mirrored copies of the image at the edges, while the new background fades in over the previous one. At the end the tilt and scale return to normal.

Subtle turns about the center of the slide. Medium and Strong turn about a point away from the center, and Medium turns in the opposite direction.

Parameters:

• _Strength: Subtle, Medium, Strong. The panel opens with Strong selected.
• _Easing: Linear, Smooth, Snappy, Strong, Bounce. The acceleration curve of the transition.

Transition 3D Cube Flip

The tile is marked PRO. It belongs to the Transition Pack add-on. Applying it installs and activates the Transition Pack for the module first, and on a site where Slider Revolution is not registered it asks for registration. Plays for 2500 milliseconds.

The two backgrounds turn as two faces of a cube, in perspective. The previous background moves off to the right as the new background turns in from the left, and the cube moves back from the viewer halfway through, over a black floor.

Matte, Glossy and Mirror set how strongly the floor reflects the cube and how high the cube sits above the floor.

Parameters:

• _Style: Matte, Glossy, Mirror.
• _Easing: Linear, Smooth, Snappy, Strong, Bounce. The acceleration curve of the transition.