tachado transparente no texto
Eu preciso implementar umtachado transparente em texto com CSS então eu não tenho que substituir o<h1>
por um<img>
etiqueta, rótulo, palavra-chave. Consegui implementar uma linha através do texto com CSS, mas não posso torná-lo transparente.
O efeito desejado:
O que eu tenho :
body{
background: url(http://lorempixel.com/output/people-q-c-640-480-1.jpg);
background-size:cover;
}
h1{
font-family:arial;
position:relative;
display:inline-block;
}
h1:after{
content:'';
position:absolute;
width:100%;
height:2px;
left:0; top:17px;
background:#fff;
}
<h1>EXAMPLE</h1>
Como posso implementar otachado transparente que expulsa meu texto e permite que o plano de fundo apareça nesta linha.