[WordPress] ワードプレスの画像/ホームページ – カラー オーバーレイまたは不透明度ドロップの追加方法(前にホバー)

スポンサーリンク

質問

カラー オーバーレイまたは多分、不透明度ドロップの追加方法、ワードプレスのホームページ – 画像ホバー – オーバーレイの色が暗いテーマに行くしようとしているように画像の色で暗くなるほしい

左の 1 つ – を見ることができる私はトーンダウンいるそれは少し photoshop では、右の画像は通常どのように対し

このではなく、おそらくダウン調 photoshop を介してすべての画像をアップロードする前に実行する方法はありますか?

images with text

答え

ラップ、イメージと同じサイズのコンテナーで、wrapper は暗い背景色、画像の不透明度を変更することができます。IE8 で問題になるかもしれません

 
div {
    width: 400px;
    height: 200px;
    background-color: #1b1b1b;
}
img {
    opacity: 0.5;
    transition: opacity 0.25s;
}

img:hover {
    opacity: 1;
}
 
<div>
    <img src="http://lorempixel.com/400/200/" alt="img"/>
</div>

http://stackoverflow.com/questions/28158951/how-do-i-add-a-color-overlay-on-wordpress-images-homepage-or-an-opacity-drop

スポンサーリンク

Leave a Reply