existe sim mas é só com css
teste esse codigo no seu navegador
eu pus a cor branca na letra e um bloco(div) preto ,mas com o atributo opacity do css ela ficou mais transparente,diminua para 0.1 e ela desaparecerá
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona...
<html xmlns="http://www.w3.org/1999/xhtml%22%3E
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS</title>
</head>
<style type="text/css">
.opp{
width:150px;
height:150px;
margin:0 auto;
background-color:#000;
padding-left:20px;
padding-top:20px;
}
.pat{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:white;
opacity:0.5;
</style>
<body>
<div class="opp">
<p class="pat">opacidade</p>
</div>
</body>
</html>
Use a cor da font com color: #fff - ( a cor que vc quiser )
E o background-color da div com( rgba (cor1, cor2,cor3,valor transparencia)).
--------------------------------------------------
Obs.: o valor do para o (a) do rgba - que é o Alpha vai de 0.0 até 1. Ou seja...
para ficar com a cor preta 50% de transparencia usa-se valor rgba(0,0,0,0.5);
Veja o exemplo abaixo:
-
<html>
<title>Titulo da pagina</title>
<style>
#teste {
width: 200px; /* largura da div */
height: 200px; /* altua da div */
border: 3px solid #fff000; /* borda e cor da borda */
color: #fff; /* Cor da font da div */
background-color: rgba(0,0,0,0.5); // cor de fundo da div trasparente */
<div id="teste">
<h1>RGBa</h1>
<p>Insto é um teste!!
</p>
Tem o código em css, mas é um pra cada navegador.
Recomendo que você utilize uma imagem .png ou .gif como fundo.
É só você abrir o fireworks ou photoshop, fazer um quadradinho da cor que quiser, diminuir a opcaidade/transparência e salvar como .png.
Espero que seja útil =)
Isso não existe. Se não colocar cor alguma, é transparente.
Copyright © 2024 QUIZLS.COM - All rights reserved.
Answers & Comments
Verified answer
existe sim mas é só com css
teste esse codigo no seu navegador
eu pus a cor branca na letra e um bloco(div) preto ,mas com o atributo opacity do css ela ficou mais transparente,diminua para 0.1 e ela desaparecerá
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona...
<html xmlns="http://www.w3.org/1999/xhtml%22%3E
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS</title>
</head>
<style type="text/css">
.opp{
width:150px;
height:150px;
margin:0 auto;
background-color:#000;
padding-left:20px;
padding-top:20px;
}
.pat{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:white;
opacity:0.5;
}
</style>
<body>
<div class="opp">
<p class="pat">opacidade</p>
</div>
</body>
</html>
Use a cor da font com color: #fff - ( a cor que vc quiser )
E o background-color da div com( rgba (cor1, cor2,cor3,valor transparencia)).
--------------------------------------------------
Obs.: o valor do para o (a) do rgba - que é o Alpha vai de 0.0 até 1. Ou seja...
para ficar com a cor preta 50% de transparencia usa-se valor rgba(0,0,0,0.5);
Veja o exemplo abaixo:
-
<html>
<head>
<title>Titulo da pagina</title>
<style>
#teste {
width: 200px; /* largura da div */
height: 200px; /* altua da div */
border: 3px solid #fff000; /* borda e cor da borda */
color: #fff; /* Cor da font da div */
background-color: rgba(0,0,0,0.5); // cor de fundo da div trasparente */
}
</style>
<head>
<body>
<div id="teste">
<h1>RGBa</h1>
<p>Insto é um teste!!
<p>Insto é um teste!!
<p>Insto é um teste!!
</p>
</div>
</body>
</html>
Tem o código em css, mas é um pra cada navegador.
Recomendo que você utilize uma imagem .png ou .gif como fundo.
É só você abrir o fireworks ou photoshop, fazer um quadradinho da cor que quiser, diminuir a opcaidade/transparência e salvar como .png.
Espero que seja útil =)
Isso não existe. Se não colocar cor alguma, é transparente.