再生Codepen结果（CSS转换）

Question

我试图将this实现到我正在组合的页面上的标题中，但我没有运气让它运转起来。我的徘徊工作正常，因为我尝试了另一个改变（不是变换），那里没有问题。但改造本身并没有做任何事情。

我无法弄清楚发生了什么，所以我只是直接复制粘贴HTML＆amp; CSS进入一个新文件，而且悬停不起作用那里。怎么可能出错？它在CodePen上的浏览器中工作正常，但在复制/粘贴时却没有。

Answer 1

在此特定示例中，Codepen已自动将供应商前缀应用于某些CSS属性。对于transform，Chrome，Safari，Opera和Android都需要-webkit-前缀，旧版本的IE需要-ms-前缀（as listed here）。

这意味着，当您使用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;
    ...
}