ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマLUXE:サムネイルのホバーエフェクトをモノトーンから透明に変更する

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.サムネイルのホバーエフェクトのモノトーンを変更したい

デフォルトのホバーエフェクトはモノトーン(白黒)ですが、これを透明に変更する方法を教えてください。

A.下記のcssファイルの該当箇所を編集してください

編集するファイル:style_pc.css
編集する箇所:
変更前

a:hover img{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    opacity:0.8;
}

gray
  ↓
変更後

a:hover img{
    opacity:0.5;
}

※opacityの値はお好みで変更してください。(0.5程度がお勧めです)
tranceparent

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事