Q.ホバーアニメーションで「フェード」を設定しています。ホバー時に画像が暗くなりますが、これを明るくするよう変更可能ですか?
A.下記の方法でご対応ください。
TCDテーマ>基本設定のカスタムCSSに入力して調整します。
@media (any-hover: hover) { :where(a, .c-thumbnail):hover .c-thumbnail-image { filter: opacity(0.8); } }
「filter」プロパティでは、上記の透明度(opacity)変更のほか、ぼかし(blur)やセピア(sepia)といったエフェクトも指定できます。サイト内容にあわせて検討してみてもいいかもしれませんね。
参考サイト(外部サイト):https://developer.mozilla.org/ja/docs/Web/CSS/filter
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!