Cacher is the code snippet organizer for pro developers

var prefix = '',
    eventPrefix,
    vendors = { Webkit: 'webkit', Moz: '', O: 'o' },
    testEl = document.createElement('div'),
    transform, transition;
for (var vendor in vendors) {
    if (testEl.style[vendor + 'TransitionProperty'] !== undefined) {
        prefix = '-' + vendor.toLowerCase() + '-';
        eventPrefix = vendors[vendor];
        break;
    }
}
transform = prefix + 'transform';
transition = prefix + 'transition';
transitionDuration = prefix + 'transition-duration';
transitionEnd = eventPrefix ? (eventPrefix + 'TransitionEnd') : 'transitionend';
testEl = null;
/*
tips
.rotate {
-webkit-transition: -webkit-transform 5s ease-in-out;
-webkit-transform: rotateZ(180deg);
}
*/