Skip to content

Instantly share code, notes, and snippets.

@erin-dot-io
Created April 13, 2020 06:34
Show Gist options
  • Save erin-dot-io/1d09f7dba327bb3a4a1c1e89a1bcf9ff to your computer and use it in GitHub Desktop.
Save erin-dot-io/1d09f7dba327bb3a4a1c1e89a1bcf9ff to your computer and use it in GitHub Desktop.
Mix Blend Modes CSS Classes
.mbm-normal{mix-blend-mode: normal;}
.mbm-multiply{mix-blend-mode: multiply;}
.mbm-screen{mix-blend-mode: screen;}
.mbm-overlay{mix-blend-mode: overlay;}
.mbm-darken{mix-blend-mode: darken;}
.mbm-lighten{mix-blend-mode: lighten;}
.mbm-color-dodge{mix-blend-mode: color-dodge}
.mbm-color-burn{mix-blend-mode: color-burn;}
.mbm-hard-light{mix-blend-mode: hard-light;}
.mbm-soft-light{mix-blend-mode: soft-light;}
.mbm-difference{mix-blend-mode: difference;}
.mbm-exclusion{mix-blend-mode: exclusion;}
.mbm-hue{mix-blend-mode: hue;}
.mbm-saturation{mix-blend-mode: saturation;}
.mbm-color{mix-blend-mode: color;}
.mbm-luminosity{mix-blend-mode: luminosity;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment