WPのリンク画像にカーソルを合わせると画像が光るHTMLタグと設定

今回は「WordPressのリンク画像にカーソルを合わせると画像が光るHTMLタグと設定」についてお話しします。

ワードプレスのテンプレートRefineの、オンマウスでリンク画像が光るHTMLタグと設定についてです。

設定はワードプレスのダッシュボードから、外観⇒テーマ編集⇒custom.phpで行うことが出来ます。

以下がオンマウスでリンク画像が光るHTMLタグです。

/* オンマウスでリンク画像が光る */
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”; 
}

動画では設定の詳細を解説していますので、参考にしていただければと思います。