Skip to content

Latest commit

 

History

History
38 lines (25 loc) · 1.41 KB

animation.md

File metadata and controls

38 lines (25 loc) · 1.41 KB

Animation

Apply custom animations to steps. Handles the attribute data-jmpress (the attribute name depends on a config option). Take a look at this animation example for more information.

data-jmpress

Apply a custom animation.

The following strings are supported:

  • (name)
  • (name) after (time) = (name) after (time) prev
  • (name) after (time) step
  • (name) after (time) (selector)
  • (name) after step
  • (name) after (selector)

(name) is a animation name. It is the basis for the classes that will be added the the element:

class name description
will-(name) Class ever set.
do-(name) Class is only set while the animation is running.
has-(name) Class is only set after the animation was ran.

(time) is **m, **s or **ms (minutes, seconds, milli seconds) in example: 300ms or 1.4s.

(selector) is a jQuery Selector after which the substep follows.

If you set a (time) the substep automatically advance. If you do not set a (time) substep advance after the "next" key is pressed.

prev means the previous substep in DOM. step means the slide.

If you have cool animations created, you can contribute them to jmpress.js/src/css/animations/.