JSFiddle - React, Tailwind, and code Playground

by davidxmartins

HTML

<h1>This is one very long title with grunge effect<span>&nbsp;</span></h1>

CSS

h1 {
    position:relative;
    color:#000;
    font-family: Georgia;
    font-size: 50px;
}

h1 span{
    position:absolute;
    display:block;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:url('http://www.jankoatwarpspeed.com/wp-content/uploads/WindowsLiveWriter/AddinggrungeeffecttotextusingCSS_11FE/grunge2_a7d46a09-21e7-4ac8-ab8a-394a712ebed3.png');
    filter: invert(100%);
}