Skip to content

Instantly share code, notes, and snippets.

@alexdeborba
Created April 15, 2022 15:04
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 alexdeborba/43c49ee9ef77ff3d143386ffe462f171 to your computer and use it in GitHub Desktop.
Save alexdeborba/43c49ee9ef77ff3d143386ffe462f171 to your computer and use it in GitHub Desktop.
Hook Image CSS
<style>
.staffer img {
clear: both;
display: block;
margin: 0 auto;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjAwIDYwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNDU0LjUgMTM3LjZDNTIwIDIwMC4xIDU5OC4yIDI2OC41IDYwMCAzNDMuOGMxLjYgNzUuMy03My40IDE1Ny41LTE3MS40IDIwNy41LTk4IDQ5LjktMjE4LjkgNjcuOC0yOTcgMjMuMi03Ny45LTQ0LjQtMTEyLjgtMTUxLjEtMTI2LTI1MFMuOSAxMzQuNyA1MSA3NS42YzQ5LjktNTkuMSAxNDEuMy04Ni40IDIxMy4zLTcxLjdDMzM2LjMgMTguNiAzODkgNzUgNDU0LjUgMTM3LjZ6Ii8+PC9zdmc+);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjAwIDYwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNDU0LjUgMTM3LjZDNTIwIDIwMC4xIDU5OC4yIDI2OC41IDYwMCAzNDMuOGMxLjYgNzUuMy03My40IDE1Ny41LTE3MS40IDIwNy41LTk4IDQ5LjktMjE4LjkgNjcuOC0yOTcgMjMuMi03Ny45LTQ0LjQtMTEyLjgtMTUxLjEtMTI2LTI1MFMuOSAxMzQuNyA1MSA3NS42YzQ5LjktNTkuMSAxNDEuMy04Ni40IDIxMy4zLTcxLjdDMzM2LjMgMTguNiAzODkgNzUgNDU0LjUgMTM3LjZ6Ii8+PC9zdmc+);
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment