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;
}
これで解消できるはずです。詳しくは以下のブログで紹介されています。