THE THOR

THE THOR|アイキャッチのホバー時の拡大を無効化

THE THOR|アイキャッチ画像ホバー時の拡大エフェクトを無効化する

THE THORの投稿ページに表示されるアイキャッチのホバーエフェクト(拡大)を無効化するCSSです。

ホバーエフェクトが付いているものの実際はリンクでも何でもなく、紛らわしい・煩わしいと感じることも多いと思います。不要だと感じる人は、下記CSSでエフェクトを無効化しましょう。

/*** アイキャッチのホバーエフェクトを無効化 ***/
.eyecatch__link:hover img{
  transform: none; /*座標変換なし*/
}

サンプルですが実装後は以下のように変わります。(カーソルを合わせてみてください)

無効化前

無効化後

CSSの解説

投稿ページのアイキャッチ画像 (img) にホバー時指定されているtransform: scale(1.2)の1.2倍拡大を、transform: noneで無効化しています。

なお、ノーマル表示・バイノーラル表示の両方に対応しています。