Question

as old browsers like IE7 are slipping into a state of irrelevance我想专注于支持现代浏览器（IE9 +，chrome，safari，opera和FF）。

我有这个例子：

    div {
    height:130px;
    width: 130px;
    background-color: #F8A844;
    transition-duration: 0.8s;
}

div:hover{
     transform: rotate(-8deg);
}

css 3 property transform shown in this fiddle

css转换似乎在FF 25和IE 11中工作正常。但它在chrome 31中不起作用。

我偶然发现了这个。现在，我不想绊倒/测试和解决像这个css转换属性这样的每个小问题，而是希望自动化这个过程。有没有一个网站/工具可以帮助我分析CSS并为我提出解决方案？而不是谷歌搜索每一个不规则的发生

顺便说一句上面这个小巧的css 3示例会变成这样的crossbrowser compatible css3 transform fiddle：

div {
    height:130px;
    width: 130px;
    background-color: #F8A844;
   -webkit-transition-duration: 0.4s;
   -ms-transition-duration: 0.4s;
   transition-duration: 0.4s;
}

div:hover{
    -webkit-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg);
}

Answer 1

http://cross-browser-validator.com/

该网站已经制作了您（我们）需要的自动化工具！看起来他们只测试了一些现代浏览器（IE9 +）。

此外，他们有30天的试用期，那么你需要从19美元起。

用于分析和解决现代浏览器怪癖和特性的工具/实用工具？

1 个答案: