リンク付きの画像にカーソルを乗せたときに画像をぼんやりと薄くするためのCSS


以下のCSSを追加すると、

a:hover img {
opacity:0.5;
filter:Alpha(opacity=50);
}

リンク付きの画像にカーソルを乗せたときに画像がぼんやりと薄くなります。

opacity03

arrow02

opacity04

投稿者: comemo

WordPress.com での記事の作成方法など

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。