Skip to content

Instantly share code, notes, and snippets.

@toksdotdev
Created October 4, 2019 18:58
Show Gist options
  • Save toksdotdev/e094e11b4ab411fac468c5b39c8dc14b to your computer and use it in GitHub Desktop.
Save toksdotdev/e094e11b4ab411fac468c5b39c8dc14b to your computer and use it in GitHub Desktop.
Create a strike through effect of a paint brush across a portion of text.
strike.paint-brush {
position: relative;
text-decoration: none;
margin-left: -0.05em !important;
}
strike.paint-brush::after {
border-bottom: 0.225em solid #bbecf1;
margin-left: -15px !important;
border-radius: 70% 80% 40% 30%;
-webkit-transform: rotate(-6deg);
transform: rotate(-6deg);
-moz-transform: rotate(-6deg);
-o-transform: rotate(-6deg);
padding-left: 50% !important;
content: "";
z-index: -1;
left: 0;
right: 0;
top: 0.6em;
line-height: 2em;
position: absolute;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment