in5
in5 Main Page
in5 Customer Stories
in5 Download
in5 Pricing
in5 Demos
in5 Support
in5 Account Login
create
in5 (Interactive InDesign)
in5 Online Account Login
Adobe Scripts
Additional Products...
learn
Ajar Academy Video Courses
Digital Publishing Course
Blog Articles
InDesign UX Resources
about
contact
in5
>
Answer Exchange
Login
Register
Welcome to the in5 Answer Exchange! This a place to get answers about in5 (InDesign to HTML5) and make requests.
Questions
Unanswered
Tags
Ask a Question
Add a cross-fade transition to Liquid pages
0
votes
Asked over email.
Copying here for anyone to use.
css
animation
attach
asked
May 7, 2018
in
how_to
by
justin
(
197k
points)
Tweet
Please
log in
or
register
to add a comment.
Please
log in
or
register
to answer this question.
1
Answer
0
votes
Best answer
Attach the following code as a .
css
file in the Resources section of the in5 dialog (
how to attach resources
):
.liquid .page {
display:block !important;
opacity:0;
pointer-events:none;
-webkit-transition:opacity .6s;
transition:opacity .6s;
}
.liquid .page.activePage {
opacity:1;
pointer-events:auto;
-webkit-transition:opacity .6s;
transition:opacity .6s;
}
answered
May 7, 2018
by
justin
(
197k
points)
Please
log in
or
register
to add a comment.
Welcome to in5 Answer Exchange, where you can ask questions and receive answers about
in5
from other community members.
Categories
All categories
how_to
(484)
feature_requests
(68)
bugs
(118)
misc
(40)
Related questions
How to add a gif in my html file ?
How to add a specific name to each page without the automatic pagination?
How to Remove Slider Transition
Don't replay On Page Load animations when returning to a page
Change default arrow navigation to making a blinking arrow
Most popular tags
animation
ipad
video
export
webapp
html
page
navigation
javascript
button
buttons
mso
slider
lightbox
text
zoom
iframe
mobile
link
interactive
images
indesign
swipe
css
audio
layout
flipbook
iphone
page-transitions
responsive
social
cache
fullscreen
image
scrolling
baker
html5
pages
multi-page-export
scrollable-frame