Background Animations


Important! Remember to size-optimize your presentation images for the Web.

Consecutive image delimiters can be used to create an seamless animation effect using a series of related background images.

To achieve a fluid animation, the slide transition setting - for the entire presentation or for the individual slides participating in the animation - must be set to none.

Learn By Example

This PITCHME.md markdown snippet:

---?image=assets/img/grav-open-course-workflow-1.png&size=contain


---?image=assets/img/grav-open-course-workflow-2.png&size=contain


---?image=assets/img/grav-open-course-workflow-3.png&size=contain


---?image=assets/img/grav-open-course-workflow-4.png&size=contain

Results in the rendering of the following series of slides:

ANIMATIONS

Note, the above example markdown snippet assumes the global slide transition setting for the presentation is none. If the global slide transition setting for your presentation is active - for example slide, zoom, convex, concave etc - then you can disable the transition for the individual slides participating in the animation as follows:

---?image=assets/img/grav-open-course-workflow-1.png&size=contain&transition=none


---?image=assets/img/grav-open-course-workflow-2.png&size=contain&transition=none


---?image=assets/img/grav-open-course-workflow-3.png&size=contain&transition=none


---?image=assets/img/grav-open-course-workflow-4.png&size=contain&transition=none

Important! Remember to size-optimize your presentation images for the Web.