Skip to content

Instantly share code, notes, and snippets.

@johnbocook

johnbocook/imageAdjustFilters.css

Created December 9, 2022 13:38
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 johnbocook/5bbf3dd0665edb957be8c55bb1c8beb2 to your computer and use it in GitHub Desktop.
Save johnbocook/5bbf3dd0665edb957be8c55bb1c8beb2 to your computer and use it in GitHub Desktop.
Download ZIP
Css filters to adjust the look of a png file.
Raw
imageAdjustFilters.css
/*Filter styles*/
.saturate { filter: saturate(3); }
.grayscale { filter: grayscale(100%); }
.contrast { filter: contrast(160%); }
.brightness { filter: brightness(0.25); }
.blur { filter: blur(3px); }
.invert { filter: invert(100%); }
.sepia { filter: sepia(100%); }
.huerotate { filter: hue-rotate(180deg); }
.rss.opacity { filter: opacity(50%); }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment