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
(533)
feature_requests
(72)
bugs
(138)
misc
(52)
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
Is there a way to get smoother animation?
Don't replay On Page Load animations when returning to a page
Most popular tags
animation
video
export
webapp
ipad
page
navigation
buttons
html
mso
button
slider
javascript
text
mobile
zoom
iframe
lightbox
css
link
images
indesign
interactive
swipe
flipbook
image
audio
layout
social
iphone
pages
wordpress
page-transitions
responsive
cache
fullscreen
google
scrolling
share
baker