-
-
Notifications
You must be signed in to change notification settings - Fork 280
Slide transitions
Hugo Macedo edited this page Aug 6, 2021
·
1 revision
If you want to use slide transitions, you can (with the support of animate.css); the easiest way to do it is putting the CDN link in the moon_reader()
's css argument (like the example below).
output:
xaringan::moon_reader:
lib_dir: libs
css:
- default
- default-fonts
- "https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
To specify the transition, you should define the class
of the slide as animated
and put the transition's name (fadeIn
, slideInRight
or other from the right menu).
Example:
---
class: center, middle, animated, slideInRight
# xaringan
### /ʃæ.'riŋ.ɡæn/
---
class: inverse, center, middle, animated, bounceInDown
# Get Started
Another example is Garrick's gist.