Get Vendor Prefix for a CSS attribute

css

function css (css) {
    var browser = window.navigator.userAgent.toLowerCase().match(/chrome|firefox|opera|msie|safari/)[0];
    var attribute = browser === 'chrome' || browser === 'opera' || browser === 'safari' ? '-webkit-' + css :
                    browser === 'firefox' ? '-moz-' + css :
                    browser === 'msie' ? '-ms-' + css :
                    css;
    var styles = document.documentElement.style;

    if (typeof styles[attribute] !== 'undefined') {
        return attribute;
    } else if (typeof styles[css] !== 'undefined') {
        return css;
    } else {
        console.error('*** Unknown style attribute ***');
        return '';
    }
}

var div = document.getElementById('myDiv');
div.style[css('transform')] = 'rotate(180deg)';    // rotate 180 degrees in any browser