jQuery Animation Proposal Example

example.css

#spinner {
        ...
        -webkit-mask-image: url(../img/spinner.png);
        background-color: #000;
        -webkit-animation-name: spinnerRotate;
        -webkit-animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
}
@-webkit-keyframes spinnerRotate {
        from {
                -webkit-transform:rotate(0deg);
        }
        to {
                -webkit-transform:rotate(360deg);
        }
}

example.js

/* And in jQuery v1.unicorns: */

$.keyFrames.spinnerRotate = {
    from: {
        rotate: "0deg" // Powered by cssHook!!!! :)
    },
    to: {
        rotate: "360deg"
    }
};

$("#spinner").anim({
    name: "spinnerRotate",
    duration: 2000,
    iterationCount: false, // infinite???
    timingFunction: easing // easing??
});

// How about something inline? (as an alternative)

$("#spinner").anim({
    keyFrames: {
        from: {
            rotate: "0deg" // Powered by cssHook!!!! :)
        },
        to: {
            rotate: "360deg"
        }
    },
    duration: 2000,
    iterationCount: false, // infinite???
    timingFunction: easing // easing??
});