.support

Returns a collection of functions that provide cross-browser animation & transition support.

The table below lists the objects returned from the collection, the value type, and a description of their possible use.

This collection is primarily used internally to provide cross-browser support for DOM mutation and CSS-based function callbacks.

Object Value Type Description
requestAnimationFrame function Tells the browser that you wish to perform an animation and requests that the browser call a specified function to update an animation before the next repaint.
touch boolean Returns a boolean determining if the browser has touch capability enabled.
mutationobserver function Provides the developer with a way to reach to DOM changes.
transition.end function Returns the native browser function that listens for a CSS transition ending. Useful as an alternative to jQuery's animate method.
animation.end function Returns the browser's native function that listens for a CSS animation ending. Useful as an alternative to jQuery's animate method.

Example

;(function(clique) {
    if(clique.support.touch) {
        // Do something for touch screens...
    }

    clique$('#my-element').on(clique.support.transition.end, function() {
        // Do something now that the element has stopped transitioning...
    });
})(Clique);