Notice

This multimedia story format uses video and audio footage. Please make sure your speakers are turned on.

Use the mouse wheel or the arrow keys on your keyboard to navigate between pages.

Swipe to navigate between pages.

Let's go
Transition Effects

Transition Effects | Tools for Visual Storytelling

Logo https://example.pageflow.io/transitions/embed

Transition Effects

| Fade
| Crossfade
| Fade to black/white
| Cut
| Scroll
 
Scroll from left | Scroll from right
| Scroll over from left | Scroll over from right
| Parallax (text page)


Goto first page

Fade

Goto first page

Fade to white

Goto first page

Fade to black

Goto first page

Crossfade

Goto first page

Scroll from L

Goto first page

Scroll from R

Goto first page

Scroll over from R

Goto first page

Scroll over from L

Goto first page

Cut

Goto first page

Scroll

Goto first page

Parallax (text page)

| Defining a suitable transition effect for each page can support the impact of your story.

Fullscreen
Combining page transitions can be useful to emphasize new chapters, breaks or changing settings.

For instance: "Fade to white" when morning has come. "Scroll over from right" when a spot on your hotspot map aims east, set "Parallax" to animate a title image of your text page.

Make "Cuts" for high velocity.
Close
Goto first page

How to apply

Goto first page
Scroll down to continue Swipe to continue
Swipe to continue
Close
Overview
Scroll left
Chapter 2 Fade

Fade

Chapter 3 Fade to white

Fade to white

Chapter 4 Fade to black

Fade to black

Chapter 5 Crossfade

Crossfade

Chapter 6 Scroll from L

Scroll from left

Chapter 7 Scroll from R

Scroll from right

Chapter 8 Scroll over from R

Scroll over from right

Chapter 9 Scroll over from L

Scroll over from left

Chapter 10 Cut

Cut

Chapter 11 Scroll

Scroll

Chapter 12 Parallax (text page)

WHY AND HOW TO USE DIFFERENT TRANSITIONS

Chapter 13 How to apply

How to apply

Scroll right