1

まとめているページのヘッダーにこれを実装しようとしていましたが、うまくいきませんでした。ホバーは (変換ではなく) 別の変更を試みたので問題なく動作していましたが、問題はありませんでした。しかし、変換自体は何もしません。

何が起こっているのか理解できなかったので、HTML と CSS を新しいファイルにそのままコピー アンド ペーストしましたが、そこでもホバーが機能しません。何がうまくいかないのですか？私のブラウザでは CodePen で正常に動作していますが、コピー/貼り付けでは動作しません。

4

1 に答える 1

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;
    ...
}
于 2013-10-28T16:06:26.420 に答える