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

Click on the above image to view this slide within a live GitPitch presentation.

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.