Skip to content

Instantly share code, notes, and snippets.

@nocodesupplyco

nocodesupplyco/halftone-overlay.css Secret

Created January 11, 2023 22:13
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nocodesupplyco/d36c09d48f8371a7f6fe60e2c0244b34 to your computer and use it in GitHub Desktop.
Save nocodesupplyco/d36c09d48f8371a7f6fe60e2c0244b34 to your computer and use it in GitHub Desktop.
Download ZIP
CSS Halftone Overlay
Raw
halftone-overlay.css
.element {
filter: saturate(0) brightness(2) contrast(2.5) opacity(0.8);
-webkit-filter: saturate(0) brightness(2) contrast(2.5) opacity(0.8);
}
.element::after {
content: ' ';
display: block;
position: absolute;
width: 100%;
height: 100%;
pointer-events: none;
background-size: 8px 7px, 8px 7px;
background-position: 0, 4px 1px;
background-image: radial-gradient(circle, #404040, rgba(255, 255, 255, 0) 60%), radial-gradient(circle, #404040, rgba(255, 255, 255, 0) 60%);
mix-blend-mode: multiply;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment