Skip to content

Instantly share code, notes, and snippets.

@thingsinjars
Created October 30, 2012 12:45
Show Gist options
  • Save thingsinjars/3979985 to your computer and use it in GitHub Desktop.
Save thingsinjars/3979985 to your computer and use it in GitHub Desktop.
Strikethrough
/*
* Strikethrough
*/
del {
text-decoration:none;
position:relative;
}
del::after {
position:absolute;
content:" ";
margin: 0 -3px;
padding: 0 3px;
width: 100%;
height:100%;
top:0;
left:0;
background:linear-gradient(170deg, transparent 45%, red 45%, red 55%, transparent 55%);
}
<!-- content to be placed inside <body>…</body> -->
<p>It was a <del>bright</del> dull cold day in <del>April</del> October.
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment