OPEN
SAVE
PUBLISH FOR WEB
PUBLISH MP4 VIDEO
ABOUT
FAQ
BLOG
SUPPORT
FEEDBACK
SLIDES (0)
CREATE NEW IMAGE SLIDE
CREATE NEW VIDEO SLIDE
ADD NEW TEXT OVERLAY
ADD NEW IMAGE OVERLAY
DELETE ALL SLIDES
Slide Settings
Global Settings
set slide source properties
*PASTE OR BROWSE FOR SLIDE IMAGE OR VIDEO URL:
browse
OPTIONAL MP4 FALL BACK VIDEO URL:
browse
OPTIONAL FALL BACK IMAGE URL:
browse
OPTIONAL REDIRECT URL WHEN SLIDE IS CLICKED:
update
set slide transition properties
REVERSE animation DIRECTION (if applicable)
Randomize EVERY animation (if applicable)
TRANSITION ANIMATION SPEED:
set desktop site transitions
CLICK TO CHOOSE DESTOP TRANSITION:
apply same desktop transition to every slide when selecting transition
Crossfade
Gradient Fade
Flying Wedge Formation
Dagger Wedge
Spotlight
Random Paint Splatters
PowerHouse
Zen Puzzle
Zen Bubbles
Matrix Incoming
Halftone Incoming
Halftone Starfall Incoming
Event Horizon Incoming
Chemical Reaction Incoming
Dissolve Incoming
Random Assembly Incoming
Matrix Outgoing
Halftone Outgoing
Halftone Starfall Outgoing
Event Horizon Outgoing
Chemical Reaction Outgoing
Dissolve Outgoing
Random Assembly Outgoing
set mobile site transitions
CLICK TO CHOOSE MOBILE TRANSITION:
apply same mobile transition to every slide when selecting transition
Mobile Crossfade
Mobile Gradient Fade
Mobile Flying Wedge Formation
Mobile Dagger Wedge
Mobile Spotlight
Mobile Random Paint Splatters
Mobile PowerHouse
Mobile Zen Puzzle
Mobile Zen Bubbles
Mobile Matrix Incoming
Mobile Halftone Incoming
Mobile Halftone Starfall Incoming
Mobile Event Horizon Incoming
Mobile Chemical Reaction Incoming
Mobile Dissolve Incoming
Mobile Random Assembly Incoming
Mobile Matrix Outgoing
Mobile Halftone Outgoing
Mobile Halftone Starfall Outgoing
Mobile Event Horizon Outgoing
Mobile Chemical Reaction Outgoing
Mobile Dissolve Outgoing
Mobile Random Assembly Outgoing
set overlay properties
NO OVERLAY CURRENTLY SELECTED
SET IMAGE OVERLAY SOURCE URL:
Browse
FONT STYLES:
B
I
U
CLICK HERE TO BROWSE GOOGLE FONTS
ADD NEW FONTS
NEW FONTS ADDED!
Font size: 3pt
Letter Spacing: 0px
Width: 0px
Height: 0px
Corner: 0px
Set Button Background Color:
Set Button Hyperlink:
update
Button Hyperlink:
update
set slide video start-end time
THIS FEATURE IS NOT AVAILABLE FOR IMAGE SLIDES
VIDEO STARTING POSITION: 00:00:00
VIDEO ENDING POSITION: 00:00:00
Publish Options
*UNIQUE TARGET <DIV> ID TO RENDER TO:
*SLIDER WIDTH (pixels):
*SLIDER HEIGHT (pixels):
Maintain original width/height aspect ratio
slider width/height always matches first slide
make CSS always 100% responsive
Publish slider in full screen
Record any audio in video recordings
Publish video with HTML embed example
RECORD OUTPUT MP4 VIDEO AT:
ENCODE VIDEO RECORDING QUALITY:
Optimization
APPLY IMAGE SMOOTHING IF CSS IS SCALED
maintain ASPECT RATIO IF CSS IS SCALED
IF CSS IS RESPONSIVELY SCALED, RENDER FOR:
IMAGES/VIDEOS WITH NON CONFORMING SIZES WILL:
Soundtrack
Use a single audio track for entire presentation:
browse
Links & Redirection
IF A SLIDE IS CLICKED, DO THIS:
SPECIFY FRAME NAME:
Analytics
PUBLISH CODE TO CAPTURE ANALYTICS EVENTS
Simulation & Testing
Simulation: HLS video decoding is supported
Simulation: MP4 video decoding is supported
Simulation: running on android mobile device
Simulation: running on Apple mobile device
FAQ: Why are animated video transitions not supported on Apple's iOS mobile safari?
FAQ: Why don't fallback local videos and images simulate properly during testing?
Advanced
allow mouse swipe navigation on desktop site
disable video when on mobile devices
ALWAYS RESTART VIDEO INSTEAD OF RESUME
display volume toggle icon on video slides
display video play/pause icon on video slides
sliders with video begins in paused state
mobile only: sliders with video begins in paused state
DISPLAY NEXT/PREVIOUS BUTTONS
DISPLAY LOADING ANIMATION
DISPLAY PAGINATION DOTS
ENABLE AUTOMATIC INTERVAL TIMER
DISPLAY AUTOMATIC INTERVAL PROGRESS BAR
SET INTERVAL TIME: 6 seconds
NUMBER OF CYCLES TO RUN SLIDER: INFINITE
SET MASTER Z-INDEX OF SLIDER: 5
SET PAGINATION DOT SIZE: 10PX
PAGINATION UNHIGHLIGHTED COLOR:
PAGINATION HIGHLIGHTED COLOR:
PROGRESS BAR COLOR:
DEFAULT PANEL BACKGROUND COLOR:
TroubleShooting
Manually regenerate live preview
Getting Started Video Tutorials
1) How to add image/video slides - 0:33 video
2) How to add streaming video - 0:32 video
3) How to change existing slide source - 0:16 video
4) How to change slide order - 0:18 video
5) How to handle different sized images or videos - 0:13 video
6) How to apply motion graphic transition effects - 0:33 video
7) How to add text/images overlays - 0:31 video
8) How to apply a new Google Font - 0:21 video
9) How to create a button - 0:14 video
10) How to save and open project files - 0:21 video
11) How to publish and embed your slider - 1:40 video
Download tutorial project files
X
WARNING!
are you sure you want to do this?
cancel
confirm
SAVE PROGRESS FILE:
Progress files can be opened by the web editor
SAVE FILE
CANCEL
Please specify the HTTP URL or browse for the image you want:
BROWSE
Royalty free stock content courtesy of unsplash.com
ADD
CANCEL
Choose a build to publish:
Freemium Build
Perfect for casual users
No dedicated tech support
No video features
Five image panel limit
FREE
No credit card required
PUBLISH NOW
Demo Build
This is recommended to see
how a demo version looks
and works in your website
before you buy a premium build
No dedicated tech support
All features included
One demo panel added
FREE
No credit card required
PUBLISH NOW
Premium Build
Perfect for individual websites
Dedicated tech support
All features included
45 day access to create/edit existing/publish sliders
One time fee
$20
Billed once, publish after payment
BUY NOW
Unlimited Build Membership
Perfect for design professionals
Dedicated tech support
All features included
Unlimited access to create/edit existing/publish sliders
Best value!
$60
Billed annually, publish after payment
BUY NOW
All prices displayed in USD. All taxes included.
Already have premium build access?
Login here
CANCEL
Generating zip file... please wait
hello world
LIVE PREVIEW RECORDING BEGINS IN:
During the recording session, anything that happens inside the live preview will be recorded to a MP4 file
zTransitions is now recording...
00:00:00
STOP RECORDING