Skip to content

Instantly share code, notes, and snippets.

@fidlerryan
Created September 5, 2020 11:37
Show Gist options
  • Save fidlerryan/8849ad09afb0b76afb21d7eb9e4c33bf to your computer and use it in GitHub Desktop.
Save fidlerryan/8849ad09afb0b76afb21d7eb9e4c33bf to your computer and use it in GitHub Desktop.
CSS masks and blend modes
.fusion-imageframe{
-webkit-mask-image: url('assets/images/mask-right.svg');
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center right;
-webkit-mask-size: contain;
mask-image: url('assets/images/mask-right.svg');
mask-repeat: no-repeat;
mask-position: center right;
mask-size: contain;
background-color: rgba(var(--primary-color-rgb), 0.5);
}
.fusion-imageframe > img{
mix-blend-mode: overlay;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment