class: center, middle, inverse, title-slide .title[ # FreezeFrame<br>.gray[for xaringan] ] .subtitle[ ## .big[⏸️] ] .author[ ### <a href='https://www.garrickadenbuie.com/'>Garrick Aden-Buie<a> ] .date[ ### xaringanExtra ] --- class: center middle  --- class: center middle .w-75.h-center[  ] --- class: center middle .h-center[  ] --- class: center middle big-text Did you notice -- each slide has -- perfect timing? --- class: center middle .h-center[  ] --- class: center middle .w-45.h-center[  ] --- class: center middle .h-center[  ] --- class: center middle big-text Try going back &#x1F448; --- # Use _freezeframe_ Drop this into your slides: ```` ```{r xaringanExtra-freezeframe, echo=FALSE} xaringanExtra::use_freezeframe() ``` ```` -- 1. Gifs start when you enter a slide. -- 2. They stop when you exit (but you can't see that). -- 3. You can start or stop the gif with a click. --- class: center middle .h-center[  ] --- layout: false class: center middle <img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" width="25%" alt="GitHub Octocat Logo" /> ### [gadenbuie/xaringanExtra](https://github.com/gadenbuie/xaringanExtra) <style type="text/css"> .gray { color: #888; } .big-text p { font-size: 4em; line-height: 0.3; } .h-center { margin: 0 auto; } .w-45 { width: 45%; } .w-75 { width: 75%; } .w-100 { width: 100%; } </style>