[μ] Interactions

Click on us to see the fun!
"shake"
"fade"
"jelly"
"bounce"
"tada"
"groove"
"swing"
"squeeze"
"flicker"
"jerk"
"blink"
"pop"

Add Interaction

Easily add an interaction to the DOM element with data attributes. You can add the click interaction to every element whether it's Button, SVG or a Paper

Add Interaction to the element with data-micron="interaction"

Control Interaction's duration with data-micron-duration="number"

Control Interaction's timing-function with data-micron-timing="type"

Bind Interaction

Easily bind an interaction defined on DOM element to a different DOM element with just two data attributes.

Add data-micron-bind="true" & data-micron-id="name" to the triggering element, and interaction will be applied to the element which reference to the defined id attribute.

Access Anywhere

Call micron chained methods to apply interactions to any DOM Element, right in your custom block of JavaScript Code.

micron.getEle("").interaction("").duration("").timing("");