Come modificare la trasparenza del testo in HTML/CSS?
CSS offre metodi per modellare le pagine Web. Fornisce molte proprietà di stile attraverso le quali gli utenti possono applicare vari effetti nello sviluppo del frontend e la trasparenza è una di queste. Consente agli utenti di impostare quanto siano trasparenti gli elementi sulle loro pagine web. Gli utenti possono anche impostare la trasparenza di sfondo, immagine, testo o un altro elemento utilizzando il CSS "opacità" proprietà.
Questo post dimostrerà il metodo per modificare la trasparenza del testo in HTML e CSS.
Come modificare la trasparenza del testo in HTML/CSS?
Per modificare la trasparenza del testo di una pagina HTML usando CSS, prova la procedura data.
Passaggio 1: creare un contenitore
Innanzitutto, crea un "div"Container con l'aiuto del""Tag. Quindi, inserire un “classe"Con un nome particolare.
Passaggio 2: Aggiungi tag di paragrafo
Successivamente, aggiungi ""Tag per incorporare il testo sotto forma di un paragrafo e assegnarlo un"id"Attributo:
Testo con trasparenza del 50%
Testo con trasparenza al 100%
Si può notare che il testo è stato aggiunto correttamente:
Passaggio 3: aggiungi l'immagine
Nella sezione CSS, prima, accedi al ""Elemento usando il nome del tag e applica le seguenti proprietà CSS:
corpoImmagina di background: URL (sfondo.png);
Ripeat background: no-ripetizione;
Qui:
- "immagine di sfondo"La proprietà viene utilizzata per impostare l'immagine di sfondo con l'aiuto di"url ()". All'interno delle parentesi, specificare l'origine o l'URL dell'immagine.
- "Ripeat di sfondo"È una proprietà usata per ripetere l'immagine. Ad esempio, abbiamo impostato il "Ripeat di sfondo" COME "no-ripeat".
Passaggio 4: elemento "div" stile
Ora, accedi a entrambi "div"Elementi con il".trasparenza"Classe, quindi accedi" .trasparenza p Nel codice sopra: Produzione Passaggio 5: stile prima " "Elemento Accedi al ""Elemento con il"para-1" id. A tale scopo, abbiamo utilizzato il "#"Selettore per accedere all'ID specifico e applicare le proprietà menzionate: La descrizione del codice sopra è la seguente: Produzione Passaggio 6: stile secondo " "Elemento Quindi, accedi al ""Elemento con id"#para-2"E applica le stesse proprietà: Produzione Si può osservare che abbiamo modificato la trasparenza del testo in HTML usando CSS. Conclusione Per modificare la trasparenza del testo dell'elemento, in primo luogo, creare gli elementi, come "". Assegna un attributo ID per accedervi in CSS. Dopodiché, utilizza il "#"Selettore insieme a"id"Per accedere all'elemento per ID. Applicare il "text-shadow"Proprietà insieme al"RGBA" valore. Infine, il "miscelare la miscela in modalità"La proprietà viene utilizzata per mescolare il colore con lo sfondo genitore. Questo post ha spiegato la procedura per la modifica della trasparenza del testo in HTML usando CSS.
Font-size: 40px;
Font-Family: Arial, sans-serif;
Spazio di lettere: 5px;
Font-weight: audace;
text-shadow: 0 5px 10px rgba (0, 0, 0, 0.5);
Colore: #FFF;
miscelare miscela: overlay;
text-shadow: 0 5px 10px rgba (0, 0, 0, 0.5);
Colore: #FFF;
miscelare miscela: overlay;