🌱 Color overlay for background image

Source

Did you know you can add opacity to a background image without an overlay and without impacting the opacity of the content?!! This blew my mind today so thought I’d share it with you 🤯🧡🔥 ＃CSS ＃100DaysOfCode ＃CodeNewbie https://t.co/oHgxoPmjTJ

Laura Harvey 🧜‍♀️💻 on Twitter

.foo {
  width: 800px;
  height: 800px;
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.1)),
    url(https://gentux.imgix.net/1595869795_A7R1221CORRECTEDBuilder.png);
}

css