Skip to content

Instantly share code, notes, and snippets.

@Chrisedmo
Created February 23, 2013 14:41
Show Gist options
  • Save Chrisedmo/5020001 to your computer and use it in GitHub Desktop.
Save Chrisedmo/5020001 to your computer and use it in GitHub Desktop.
/**
* CSS3 Webkit text/image clippins w/fallback: http://nimbupani.com/using-background-clip-for-text-with-css-fallback.html
*/
body {
background-color: #444 }
h1 {
text-align: center;
font-size: 5em;
font-family: sans-serif;
color: #fff;
-webkit-text-fill-color: transparent;
background: -webkit-linear-gradient(transparent, transparent),
url('http://placekitten.com/200/200') repeat;
-webkit-background-clip: text;
}
<h1>Clipping text like<br />A BOSS</h1>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment