复制Codepen结果(CSS转换)

Question

我试图将这实现到我要放在一起的页面的标题中，但我没有运气能让它正常工作。我的悬挂车运行良好，因为我尝试了另一个改变(而不是转换)，那里没有任何问题。但是变换本身并没有做任何事情。

我不知道是怎么回事，所以我就直接把HTML & CSS粘贴到一个新的文件中，而那些悬停在那里也不起作用。会有什么问题吗？我的浏览器在CodePen上运行良好，但复制/粘贴时就不行了。

Answer 1

在这个特殊的例子中，Codepen自动将供应商前缀应用于某些CSS属性。在transform中，Chrome、Safari、Opera和Android都需要-webkit-前缀，而旧版本的IE需要-ms-前缀(如下所示)。

这意味着在使用transform、transform-style、transform-origin、perspective和transition等属性时，还需要实现供应商前缀版本。

例如：

.letter {
    ...
    transform-style: preserve-3d;
    ...
}

需要改为：

.letter {
    ...
    -webkit-transform-style: preserve-3d;
    -ms-style: preserve-3d;
    transform-style: preserve-3d;
    ...
}