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

 

1日で作るワードプレス講座

ホームページを制作しながら、ワードプレスの操作方法を学んでいく講座です。

HTMLやCSS、PHPなどの専門的な知識は一切必要なく見やすいサイトが出来上がります。

マンツーマンのワークショップでノートパソコンを持ち込んで作業します。
基本的なワードプレスの操作を学び、これからのサイト運営にお役立てください。