Testing for CSS 3D Transforms Support

has3d.js

function has3d(){
    var el = document.createElement('p'), t, has3d,
    transforms = {
        'WebkitTransform':'-webkit-transform',
        'OTransform':'-o-transform',
        'MSTransform':'-ms-transform',
        'MozTransform':'-moz-transform',
        'transform':'transform'
    };

    /* Add it to the body to get the computed style.*/
    document.body.insertBefore(el, document.body.lastChild);

    for(t in transforms){
        if( el.style[t] !== undefined ){
            el.style[t] = 'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)';
            has3d = window.getComputedStyle(el).getPropertyValue( transforms[t] );
        }
    }

    if( has3d !== undefined ){
        return has3d !== 'none';
    } else {
        return false;
    }
}

To make it work properly, you should have:
'MozTransform':'-moz-transform',
and
el.style[ t ] = 'matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)';

Suprisingly, it works either way, at least in newer versions of each browser. But yes, you are right.

This wasn't working for me in IE10. msTransform works for me, but MSTransform does not.

document.body.insertBefore(el, document.body.lastChild); does not seem to be necessary. I removed it and the script is still working on my desktop ie11 (emulation mode: ie10,11: true, 9 and below false), firefox and chrome.