Detecting CSS3 Transition support using Javascript. If supported than return the prefix and the eventName

Detect_CSS3_Animation_Browser_Support.js

//Working demo can be found on http://codepen.io/aamirafridi/pen/GcmHt


//HTML: <div>click me to animate</div>
function supportTransitions() {
    var b = document.body || document.documentElement,
        s = b.style,
        p = 'transition',
        e = {
          'Webkit' : 'webkitTransitionEnd',
          'Moz'    : 'transitionend',
          'O'      : 'oTransitionEnd otransitionend',
          'ms'     : 'MSTransitionEnd',
          'default': 'transitionend'
        },
        v = ['Moz', 'Webkit', 'O', 'ms'];
  
    if(typeof s[p] == 'string') {
      return {
        prefix: p,
        eventName: e['default']
      };
    }

    p = p.charAt(0).toUpperCase() + p.substr(1);
    // Tests for vendor specific prop
    for(var i=0; i<v.length; i++) {
      if(typeof s[v[i] + p] == 'string') {
        return {
          prefix: '-'+v[i].toLowerCase()+'-'+p.toLowerCase(),
          eventName: e[v[i]]
        };
      }
    }
    return false;
}