画像を加工して再アップしなくても、色の変更がCSS だけで再現できます。また、cssで効果を切り替えたりといったことも容易になります。
div {
width: 300px;
height: 250px;
background-size: 300px 250px;
background-color: green;
background-image: url(test.jpg) no-repeat;
background-blend-mode: overlay;
}
この記事を見た人は次の記事も見ています。
属性セレクタでCSSを適用させる
jQueryのfind()で子要素を取得する
CSSとは？
llustrator ラスタライズ効果設定
ヘッタとフッタの設定
プラグイン:Custom Post Type Permalinks
WEB広告の話(WEB広告の種類)
バレンタインとWEBサイト
justify-contentで最後の行を左寄せにする
parent()・parents()・closest()
擬似クラスについて- fontawesome
CSSで実装するホバーエフェクト
MW WP Formで郵便番号の自動入力
【Adobe Capture】で写真からカラー、パターンなど抽出する
Flexboxのプロパティ（flex-grow、flex-shrink、flex-basis)- HTMLテキスト入力欄の作成方法
SVGで使える便利なサイト- FontAwesomeのWebフォントを背景として扱う
- :first-child
コメント