CSSでマウスオーバー時に画像を半透明にする

画像にリンクを貼る際、マウスを画像に載せると色が薄くなることで「クリック」できるということをユーザーに伝えることができます。

【サンプル】

2014OGP

CSS

a:hover img{
opacity:0.7;
}

Lightning テーマを使ってカスタマイズする方

管理画面の上ナビゲーション VK ExUnit – CSSカスタマイズを選択
スクリーンショット 2016-04-20 12.38.39

CSSカスタマイズに上記のCSSをコピペします。

スクリーンショット 2016-04-20 12.45.23

 

この記事を書いた人

佐々木亜紀
佐々木亜紀
株式会社アドプラス 代表取締役 
千葉コワーキングスペース201オーナー

ウェブ制作8年、実店舗運営5年。
ワードプレス制作と実店舗運営の経験を生かして集客のためのワードプレスの基礎構築講座を主宰。

中小企業庁
ミラサポ専門家派遣事業登録専門家
千葉県産業振興センター登録専門家

初回限定オンライン無料相談受付中

受講をする前にまずは相談したい!
そんなお声にお答えいたします。

こんなことでお悩みの方はどうぞご相談ください

・自分の事業でワードプレスが本当に必要?
・現状の集客方法にワードプレスをプラスしたほうがいいの?
・ 現状のホームページを生かせない?
・ワードプレスを取り入れたいけど今のブログはどうするの?
・今のホームページはどうしたらいいの?
・講座ってどんな内容なの?