Skip to content

Instantly share code, notes, and snippets.

@partageit
Created March 12, 2015 12:38
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save partageit/a1b6404d0b5c8506adca to your computer and use it in GitHub Desktop.
Save partageit/a1b6404d0b5c8506adca to your computer and use it in GitHub Desktop.
Partage-it.com : transition entre les slides pour remark.js
.remark-fading {
z-index: 9;
}
.remark-slide-container {
transition: opacity 1s linear, right 1s ease-in-out;
opacity: 0;
right: 1000px;
}
.remark-visible {
transition: opacity 1s linear, right 1s ease-in-out;
opacity: 1;
right: 0px;
}
.remark-visible ~ .remark-slide-container {
right: -1000px;
}
@MilovanTomasevic
Copy link

Is it possible also if it is, how ...
To use your code to move to another slide, ie, for --- and some other code, the animation within the slide, ie --.

.remark-slide-container {

        if ( -- ){
                  transition: opacity 0.55s ease-out;
        }else {
                  transition: opacity 1s linear, right 1s ease-in-out;     // for --- new slide 
        }
	
	opacity: 0;
	right: 1000px;
}

How to detect the end of the slide, how to set a condition?

Tnx

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment