0

Chrome でプレビュー

Firefox でプレビュー

  1. svg画像を追加しました。
  2. 「imageHover」という名前のグラフィック スタイルを追加し、画像に適用しました。

  3. 間の画像 HTML に挿入:

    <style>
.imageHover {
  opacity: 0.8;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(0px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transitionorigin: center center;
  transform-origin: center center;
}
.imageHover:hover, .imageHover:focus, .imageHover:active {
  -webkit-transform: scale(1.03,1.03);
  transform: scale(1.03,1.03);
  opacity: 1;
}
</style>

  4. ファイル -> ブラウザーでのプレビュー -> Chrome のページから画像が消えましたが、Firefox では完全に機能します。

何が問題なのですか？

ありがとう。

4

0 に答える 0