Skip to content

Instantly share code, notes, and snippets.

@murtaugh
Created December 23, 2011 20:24
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 murtaugh/1515270 to your computer and use it in GitHub Desktop.
Save murtaugh/1515270 to your computer and use it in GitHub Desktop.
The Sarcastic Font Treatment (inspired by the Sarcastic Font project: http://glennmcanally.com/sarcastic/)
<style>
em.sarcastic {
display: inline-block;
font-style: normal;
-webkit-transform: rotate(-15deg) skew(0, 15deg);
-moz-transform: rotate(-15deg) skew(0, 15deg);
-o-transform: rotate(-15deg) skew(0, 15deg);
-ms-transform: rotate(-15deg) skew(0, 15deg);
transform: rotate(-15deg) skew(0, 15deg);
}
</style>
<ul>
<li><strong>Bold</strong></li>
<li><em>Emphasized</em></li>
<li><em class="sarcastic">Sarcastic</em></li>
</ul>
@murtaugh
Copy link
Author

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment