hide text clip

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

HTML

<p>Design</p>

CSS

p {
    text-shadow: #fff 3px 3px 0;
    font-size: 128px;
    letter-spacing: 6px;
    line-height: 1;
    color:transparent;
}
p::after {
    background: -webkit-linear-gradient(transparent, transparent), url("https://image.xinyuancloud.com/card/gloden.jpg") transparent;
    background-image: -o-linear-gradient(transparent, transparent);
    display: block;
    text-shadow: none;
    -webkit-background-clip: text;
    color: transparent;
    content:"Design?";
    margin-left: 0px;
    margin-top: 0px;
}