アイキャッチ画像
HOME > ウェブデザイン > 【CSS】画像リンクのマウスオーバー時に透明度を変えるスタイルシート
公開日:2009.6.26
この記事は約1分で読めます。

【CSS】画像リンクのマウスオーバー時に透明度を変えるスタイルシート

この記事は最終更新日から10年以上経過しているため現状にそぐわない可能性もあります。

画像(img)にリンクを貼る際、マウスを乗せると透明度が変化して「リンク画像」とわかりやすくさせる CSSの覚書です。

SIRIUSレビューイメージ画像

実装

上記は、マウスオーバー時、透明度70%の設定になります。

demo

デモ画像

スポンサーリンク

スポンサーリンク

記事はお役にたてましたか?

記事に興味をもっていただけたらソーシャルボタンでの共有お願いします^^

 ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓

コメントはお気軽にどうぞ

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

内容に問題なければ下記の「コメントを送信する」ボタンを押してください。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)