Skip to content
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.