如果CSS变换2D可用,使用JavaScript或jQuery检测

前端之家收集整理的这篇文章主要介绍了如果CSS变换2D可用,使用JavaScript或jQuery检测前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在我的网站上显示一个元素,我用-90deg旋转
但如果浏览器不支持CSS转换的元素
看起来错位,不是很好.
现在我想用 JavaScript或jQuery检测(这是无关紧要的
如果jQ或JS因为我使用/已经在我的网站上加载了jQ),如果通过CSS旋转支持

我知道Modernizr,但只是为了那个小东西,我不想包括整个库(并加快网站速度加载).

解决方法

这是一个基于利亚姆答案的功能.它将返回第一个支持的前缀的名称,如果不支持前缀,则返回false.
function getSupportedTransform() {
    var prefixes = 'transform WebkitTransform MozTransform OTransform msTransform'.split(' ');
    var div = document.createElement('div');
    for(var i = 0; i < prefixes.length; i++) {
        if(div && div.style[prefixes[i]] !== undefined) {
            return prefixes[i];
        }
    }
    return false;
}

猜你在找的CSS相关文章