Skip to content

Instantly share code, notes, and snippets.

@goodreds
Created June 18, 2021 22:14
Show Gist options
  • Save goodreds/f42d8c4c71991a17e183f67ed28fd1b3 to your computer and use it in GitHub Desktop.
Save goodreds/f42d8c4c71991a17e183f67ed28fd1b3 to your computer and use it in GitHub Desktop.
Hero image (photo improvement)
<div class="hero-banner">
<img src="https://goodreds.net/images/work.jpg"/>
</div>
.hero-banner {
background: #1F494D;
display: inline-block;
}
.hero-banner img {
mix-blend-mode: multiply;
filter: grayscale(100%);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment