为什么这个css＆＃34;过渡＆＃34;估价＆＃34;无效的属性值＆＃34;

Question

我有以下CSS（和相同的前缀版本）：

transition: -webkit-box-shadow 0.4s ease-out,
            box-shadow         0.4s ease-out,
            -webkit-transform  0.4s ease-out,
            transform          0.4s ease-out,
            opacity            0.4s ease-out,
            -webkit-opacity    0.4s ease-out;

关于哪个Chrome给了我这个废话：

将鼠标悬停在警告标志上会显示工具提示：“无效的属性值”。

我没有看到与此区别（来自CSS-Tricks）：

  

您可以使用逗号分隔值来对不同的属性执行不同的转换：

div {
    transition: background 0.2s ease,
                padding 0.8s linear;
}

请注意，我无法使用all，因为我在JS中设置.style属性，我不想要动画（除非有办法排除top和{{1从过渡开始，仍然使用left，这会很好！）。

如何让我的过渡再次运作？任何建议表示赞赏。

---

修改：删除带有前缀的版本并没有修复它，在转换及其前缀表单上仍然是“无效的属性值”。

编辑2：我很困惑。我把它简化为这个仍然无效的代码：

all

编辑3：原来解决方案只是更新Chrome！如果可能的话，我仍然喜欢解决方法。

Answer 1

它不是无效的值属性。

spec说

  

如果列出的标识符之一不是公认的属性名称或   不是可动画的属性，实现必须仍然开始   使用。转换列表中的可动画属性   持续时间，延迟和计时功能在各自的指数中   'transition-duration'，'transition-delay'和。的列表   “过渡定时函数”。换句话说，无法识别或   必须在列表中保留不可动画的属性以保留   指数匹配。

因此，即使您使用供应商前缀，它仍然有用。

Answer 2

我希望这会有用：

.className {
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
}

Answer 3

请检查您的CSS文件是否存在拼写错误。