f:id:wannabe-jellyfish:20210702134250p:plain

おしゃれなアイキャッチにしたくて、
背景画像に透過した色を重ねる方法を探してたら、
linear-gradient()で簡単にできた(´ω｀)

できたのはこんな感じ。

f:id:wannabe-jellyfish:20210702133544p:plain

色を重ねる前はこれ。

f:id:wannabe-jellyfish:20210702133556p:plain

url()の前に、linear-gradient()を設定すればOK

background-image: linear-gradient(rgba(#572e6b, 0.9), rgba(#572e6b, 0.9)),
  url("/images/eyecatch.webp");

以上!!

参考にしたサイト様

くらげになりたい。