Add a cross-fade transition to Liquid pages

Question

Asked over email.

Copying here for anyone to use.

Answer 1

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;
}