Olá
Eu estava a fazer um titulo transparente e eu queria que dentro do texto se visse o background mas não o background da caixa.
Ao seja, dentro das letras via-se a imagem de background mas dentro do texto eu não quero aquela cor branca do fundo do texto.
Aqui está o meu HTML, o que posso fazer para o fill das letras seja a imagem de fundo e não a caixa branca?
#geraltudo .conteudocapa h1 {
font-size: 75px;
font-family: 'Tw Cen MT Condensed extra bold', sans-serif;
-webkit-text-stroke: 2px black;
-webkit-text-fill-color: rgb(0, 0, 0, 0);
text-transform: uppercase;
}
#geraltudo .conteudocapa {
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
text-align: center;
background-color: rgb(255, 255, 255, 0.7);
padding: 20px;
color: black;
border-radius: 20px;
}
#geraltudo {
background-image: url("/w3images/photographer.jpg");
background-color: red;
height: 500px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
<div id="geraltudo">
<div class="conteudocapa">
<h1>Voar sobre o Paiva</h1>
</div>
</div>
Neste caso, através do html que coloquei o fundo teria de ser vermelho mas sem colocar o fill do texto como vermelho.