hide text clip

Hide non-standard background-clip: text from non-webkit browsers.

by David Storey

HTML

<p>Design</p>

CSS

p {
    text-shadow: #fff 3px 3px 0;
    font-size: 128px;
    letter-spacing: 6px;
    line-height: 1;
}
p::after {
    background: -webkit-linear-gradient(transparent, transparent), url("http://sandpit.jonathanbeech.co.uk/wp-content/themes/jontheme/images/crosshatch.png") transparent;
    background-image: -o-linear-gradient(transparent, transparent);
    display: block;
    text-shadow: none;
    -webkit-background-clip: text;
    color: transparent;
    content:"Design?";
    margin-left: 12px;
    margin-top: -120px;
}