2018.04.11

マウスオーバーしたときに画像が1pxずれます
あぎゃわんさん

コーディングの質問です。マウスオーバーでゆっくりと薄くなるボタンを作成したのですが、マウスオーバーした際にリンクが少しだけずれてしまいます。対処法はありますでしょうか…？

CSSにbackface-visibility: hidden;を追加しましょう

ゆっくりと薄くなるということは、transitionを設定しているのでしょうか。

では、aタグへのCSSに、以下の様に backface-visibility: hidden; を追加してみましょう。

a {
  backface-visibility: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

これで解消できるはずです。詳しくは以下のブログで紹介されています。

エラー: コンタクトフォームが見つかりません。