Transitions
-
Slide Transitions
Using an data-transition attribute on the section, you can add transitions. There are 6 default transitions with more on the way. If you do not add a data-transition attribute, the default is used. If you do not want a transition, you must add in data-transition="none". The transitions available are:
1234567<section data-transition="cube"> </section><section data-transition="page"> </section><section data-transition="concave"> </section><section data-transition="zoom"> </section><section data-transition="linear"> </section><section data-transition="fade"> </section><section data-transition="none"> </section>None None Default Default Concave Concave Zoom Zoom Linear Linear Cube Cube Page Page Fade Fade -
Background Transitions
Like slide transitions, there can also be 4 kinds of background transitions set by the data-background-transition attribute on the section which override the default of ‘fade’. In this example, the background is going from a convex transition to a zoom transition. For background options, see the Slide Background section in the documentation.
1234<section data-background-transition="concave"> </section><section data-background-transition="convex"> </section><section data-background-transition="zoom"> </section><section data-background-transition="slide"> </section>ConvexZoom -
Transition Speed
Transition speed comes in 2 flavours for slides. Slide speed markup is like this and effects both the slide and the background speed:
12<section data-transition-speed="slow"> </section><section data-transition-speed="fast"> </section>Slow Slow Fast Fast