本文へ移動
Webstudio YAS
  • About
  • Price
  • Work
  • Blog
  • Contact
  • About
  • Price
  • Work
  • Blog
  • Contact
  1. ホーム
  2. Blog
  3. LION BLOG のアイキャッチ画像のマウスオーバー時のズームを無効にする方法

公開日: 2019.05.06

LION BLOG のアイキャッチ画像のマウスオーバー時のズームを無効にする方法

LION BLOG のアイキャッチ画像のマウスオーバー時のズームを無効にする方法

アイキャッチにカーソルをもっていったときに画像が拡大・縮小する効果がデフォルトで付いていますが、私はあまり好きじゃないのでこれを無効にします。

変更方法

追加CSSに下記の文字を追加するだけで無効にすることができます!

.eyecatch img:hover {
   transform: scale(1);
}

ちなみにデフォルトの数値はtransform: scale(1.2)です

タグ

  • css
  • LION BLOG
  • WordPress

関連記事

2019.05.06

WordPress 記事を複製する方法

WordPress 記事を複製する方法

2019.04.04

LION BLOGの記事の文字サイズを変更する方法

「ファイル名を指定して実行」に msconfig と入力した画面

2020.08.10

WordPressでページ毎に別のJavaScriptを読み込む方法

WordPressでページ毎に別のJavaScriptを読み込む方法
Webstudio YAS
  • About
  • Price
  • Work
  • Blog
  • Contact
YAS プロフィール画像

長野県長野市在住
WEBエンジニア YAS

LINKS

  • X
  • Instagram
  • GitHub
Design
  • スタンダード
  • 和モダン
  • エンジニア
  • 信州ナチュラル
プライバシーポリシー

@ Webstudio YAS