【WordPress】リンクが付いている画像にマウスを乗せた時に光らせる

ワードプレス

WordPressのちょっとしたカスタムです。CSSの追加だけで、リンクが付いている画像にマウスを乗せた時に光らせることが出来ます。


リンクが付いている画像にマウスを乗せた時に光らせる

検証とかしていませんけど、クリック率がこれで少しは上がるのではないかと思います。
まぁ、何も反応していないより何か反応がある方がいいですよね!?


以下のコードをCSSに追加してください。
a:hover img{
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: “alpha( opacity=80 )”;
}
これで、リンクが付いている画像にマウスを乗せただけで光るのでこの画像はリンクされているんだなと分かります。


HaLPosTでもすでに実践済みですので、取りあえずどこでもいいので画像にマウスを乗せてみてください。
どうですか!? 光ってますよね?

こういった簡単なカスタムはいいですよね~~!!



細かいことかもしれませんが、CSSに追加だけですので気軽に簡単に出来ますのでよかったらどうぞ!!

シェアする

フォローする

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です