remark icon indicating copy to clipboard operation
remark copied to clipboard

Is there also a way to animate slides on the way out?

Open kortina opened this issue 7 years ago • 0 comments

I found this post which gave good instructions on how to animate a slide entrance
https://www.garrickadenbuie.com/blog/2018/12/03/animate-xaringan-slide-transitions/

I got animate.css and added the following class to some slides: class: animated slideInRight

This, however, just slides in the next slide on top of the current slide when I go next, and slides the previous slide in from the right on top of the current slide when I go back, which is a bit disorienting.

The behavior I am trying to create is that when I hit -> and advance the slides, slide n+1 slides in from the right and slide n slides out to the left.

And when I hit <- to go back, slide n-1 slides in from left and slide n slides out to the right.

This is similar to the behavior of reveal.js (see this demo for desired behavior) with the following setting: transition: 'slide',   I was considering switching to remark, but wanted to try to duplicate this animation behavior.

Any advice on how to implement this with remark?

kortina avatar Feb 22 '19 06:02 kortina