JSFiddle - React, Tailwind, and code Playground
HTML
<div class="element">
Test
</div>
JavaScript
(function($){
$.fn.cssMap = function(map){
var $element = this;
$.each(map, function(property, value){
if (value instanceof Array) {
for(var i=0, len=value.length; i<len; i++) {
$element.css(property, value[i]);
}
} else {
$element.css(property, value);
}
});
}
})(jQuery);
// Usage:
var cssObj = {
'background-color': '#000',
'background-image': ['-webkit-linear-gradient(top,#000,#fff)',
'linear-gradient(top,#000,#fff)',
'-moz-linear-gradient(top, #000, #fff)']
};
$(".element").cssMap(cssObj);