Cómo cambiar la transparencia del texto en HTML/CSS?
CSS ofrece métodos para diseñar páginas web. Proporciona muchas propiedades de estilo a través de las cuales los usuarios pueden aplicar varios efectos en el desarrollo frontend, y la transparencia es una de ellas. Permite a los usuarios establecer cuán transparentes aparecen los elementos en sus páginas web. Los usuarios también pueden establecer la transparencia del fondo, la imagen, el texto u otro elemento utilizando el CSS "opacidad" propiedad.
Esta publicación demostrará el método para cambiar la transparencia de texto en HTML y CSS.
Cómo cambiar la transparencia del texto en HTML/CSS?
Para cambiar la transparencia del texto de una página HTML usando CSS, pruebe el procedimiento dado.
Paso 1: crear un contenedor
Primero, crea un "div"Contenedor con la ayuda del"" etiqueta. Luego, inserte un "clase"Con un nombre particular.
Paso 2: Agregar etiqueta de párrafo
A continuación, agregue ""Etiqueta para incrustar el texto en forma de un párrafo y asignarlo un"identificación" atributo:
Texto con 50% de transparencia
Texto con 100% de transparencia
Se puede notar que el texto se ha agregado con éxito:
Paso 3: Agregar imagen
En la sección CSS, primero, acceda a la "Elemento "usando el nombre de la etiqueta y aplique las siguientes propiedades de CSS:
cuerpoIMAGEN DE ACTUALO: URL (Antecedentes.png);
Background-Repeat: sin repetición;
Aquí:
- "imagen de fondo"La propiedad se utiliza para establecer la imagen de fondo con la ayuda del"url ()". Dentro de los paréntesis, especifique la fuente o la URL de la imagen.
- "repetición"Es una propiedad utilizada para repetir la imagen. Por ejemplo, hemos establecido el "repetición" como "sin repetición".
Paso 4: Elemento de estilo "Div"
Ahora, acceda a ambos "div"Elementos que tienen el".transparencia"Clase, luego acceda a" .Transparencia P En el código anterior: Producción Paso 5: Estilo primero " " Elemento Acceder al ""Elemento tiene el"para-1" identificación. Para este propósito, hemos utilizado el "#"Selector para acceder a una identificación específica y aplicar las propiedades mencionadas: La descripción del código anterior es la siguiente: Producción Paso 6: Estilo segundo " " Elemento Entonces, acceda a la ""Elemento que tiene ID"#para-2", Y aplique las mismas propiedades: Producción Se puede observar que hemos cambiado la transparencia del texto en HTML usando CSS. Conclusión Para cambiar la transparencia del texto del elemento, primero, cree los elementos, como "". Asigne un atributo de identificación para acceder a él en CSS. Después de eso, utilice el "#"Selector junto con el"identificación"Para acceder al elemento por identificación. Aplica el "sombra de texto"Propiedad junto con el"RGBA" valor. Por último, el "mezcla de mezclaLa propiedad se usa para mezclar el color con el fondo principal. Esta publicación ha explicado el procedimiento para cambiar la transparencia del texto en HTML usando CSS.
tamaño de fuente: 40px;
Font-Family: Arial, Sans-Serif;
Espaciado de letras: 5px;
Font-Weight: Bold;
Shadow de texto: 0 5px 10px RGBA (0, 0, 0, 0.5);
Color: #fff;
mezcla-mezcla-modo: superpuesto;
Shadow de texto: 0 5px 10px RGBA (0, 0, 0, 0.5);
Color: #fff;
mezcla-mezcla-modo: superpuesto;