判断浏览器是否支持某一个CSS3属性

Posted 2020-09-23 codeing or artist ?

判断浏览器是否支持某一个CSS3属性

function supportCss3(style) { 
    var prefix = [‘webkit‘, ‘Moz‘, ‘ms‘, ‘o‘], 
        i, 
        humpString = [], 
        htmlStyle = document.documentElement.style, 
        _toHumb = function (string) { 
            return string.replace(/-(\w)/g, function ($0, $1) { 
                return $1.toUpperCase(); 
            }); 
        }; 
     
    for (i in prefix){
        humpString.push(_toHumb(prefix[i] + ‘-‘ + style)); 
    }
     
    humpString.push(_toHumb(style)); 
     
    for (i in humpString){
        if (humpString[i] in htmlStyle) return true; 
    }
     
    return false; 
}

//调用：
alert(supportCss3(‘transition‘));