WordPress.com のテーマ「AutoFocus」の画像を黒っぽくするためのCSS

autofocusblack02

rect3015

autofocusblack01

WordPress.com のテーマ「AutoFocus 」に以下のCSSを追加すると、画像が黒っぽくなります。

#content .featured img {
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
transition-delay: all 0.5s ease 0s;
background: black;
filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;
}

#content .featured img:hover {
filter: alpha(opacity=100); -moz-opacity:1; opacity:1;
}

.featured-trigger {
background:none;
}

.sticky.featured {
background: black;
}

.featured, .archive .featured, .search .featured {
background: black;
}

 

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

WordPress.com ロゴ

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

Google フォト

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

Twitter 画像

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

Facebook の写真

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

%s と連携中

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