JSFiddle - React, Tailwind, and code Playground

HTML

<div id='fade'></div>

CSS

#fade{
    width : 100px;
    height : 100px;
    background-color : red;
    opacity : 1;
}
#fade:hover{
    opacity : 0.2;
}

JavaScript

var vendors = ['-moz-','-webkit-','-o-','-ms-','-khtml-',''];
    function toCamelCase(str){
    return str.toLowerCase().replace(/(\-[a-z])/g, function($1){return $1.toUpperCase().replace('-','');});
};
    function setCss3Style(el,prop,val){
        for(var i=0,l=vendors.length;i<l;i++)
            el.style[toCamelCase(vendors[i] + prop)] = val;
    };
usage : 

    setCss3Style(document.getElementById('fade'),'transition','1s');