Como alterar a transparência de texto em HTML/CSS?
CSS oferece métodos para estilizar páginas da web. Ele fornece muitas propriedades de estilo através das quais os usuários podem aplicar vários efeitos no desenvolvimento de front -end, e a transparência é um deles. Ele permite que os usuários defina o quão transparente os elementos em suas páginas da web aparecem. Os usuários também podem definir a transparência do plano de fundo, imagem, texto ou outro elemento utilizando o CSS “opacidade" propriedade.
Esta postagem demonstrará o método para alterar a transparência de texto em HTML e CSS.
Como alterar a transparência de texto em HTML/CSS?
Para alterar a transparência do texto de uma página HTML usando CSS, experimente o procedimento fornecido.
Etapa 1: Crie um contêiner
Primeiro, crie um “div“Contêiner com a ajuda do“" marcação. Então, insira um “aula”Com um nome particular.
Etapa 2: Adicione a tag de parágrafo
Em seguida, adicione “”Tag para incorporar texto na forma de um parágrafo e atribui -lhe um“eu ia”Atributo:
Texto com 50% de transparência
Texto com 100% de transparência
Pode -se notar que o texto foi adicionado com sucesso:
Etapa 3: Adicionar imagem
Na seção CSS, primeiro, acesse o “”Elemento usando o nome da tag e aplique as seguintes propriedades CSS:
corpoImagem de fundo: URL (fundo.png);
Repetição de fundo: sem repetição;
Aqui:
- ““imagem de fundo”A propriedade é utilizada para definir a imagem de fundo com a ajuda do“url ()”. Dentro dos parênteses, especifique a fonte ou URL da imagem.
- ““fundo de repetição”É uma propriedade usada para repetir a imagem. Por exemplo, definimos o “fundo de repetição" como "sem repetir”.
Etapa 4: Elemento de estilo “div”
Agora, acesse ambos “div”Elementos com o“.transparência”Classe, depois acesse“ .Transparência P No código acima: Saída Etapa 5: estilo primeiro “ " Elemento Acesse o "”Elemento com o“para-1" eu ia. Para esse fim, utilizamos o “#”Seletor para acessar o ID específico e aplicar as propriedades mencionadas: A descrição do código acima é o seguinte: Saída Etapa 6: estilo segundo “ " Elemento Então, acesse o “”Elemento tendo id“#para-2”, E aplique as mesmas propriedades: Saída Pode -se observar que mudamos a transparência de texto em HTML usando CSS. Conclusão Para alterar a transparência do texto do elemento, primeiro, crie os elementos, como “”. Atribua um atributo de identificação para acessá -lo no CSS. Depois disso, utilize o “#"Seletor junto com o"eu ia”Para acessar o elemento por id. Aplicar o "Shadow de texto”Propriedade junto com a“RGBA" valor. Por fim, o “Modo de mistura”A propriedade é usada para misturar a cor com o fundo pai. Este post explicou o procedimento para alterar a transparência de texto em HTML usando CSS.
Size da fonte: 40px;
Fonte-família: Arial, sem serrif;
Espacamento de cartas: 5px;
intensidade da fonte: Negrito;
Shadow de texto: 0 5px 10px rgba (0, 0, 0, 0.5);
Cor: #FFF;
Modo de mistura: sobreposição;
Shadow de texto: 0 5px 10px rgba (0, 0, 0, 0.5);
Cor: #FFF;
Modo de mistura: sobreposição;