<!DOCTYPE html> <html lang="en"> <head> <title> CSS Text Transparent </title> <meta charset="UTF-8"> <style> #div1 { padding: 50px; margin-right:400px; color: #000000; text-align:center; background: seagreen; } #div2 { padding: 50px; margin-right:400px; color: #000000; text-align:center; background: seagreen; opacity: .5; } #div3 { padding: 50px; margin-right:400px; text-align:center; color: #000000; background: seagreen; opacity: .2; } #div4 { padding: 50px; margin-right:400px; text-align:center; color: #000000; background: seagreen; opacity: 0.1; } </style> </head> <body> <div id="div1"><b>PUBG</b></div><br /> <div id="div2"><b>COC</b></div><br /> <div id="div3"><b>Mortal Kombat</b></div><br /> <div id="div4"><b>Call of Duty</b></div> </body> </html>
