Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> body { background-color: #000000; display: flex; justify-content: center; } .main { display: inline-flex; } .box { margin-top: 50px; font-size: 5em; padding: 20px; color: white; font-weight: 800; } #box1::after { content: "W3Docs"; display: flex; transform: rotateX(180deg); background-image: linear-gradient(180deg, rgba(255, 255, 255, .0) 10%, rgba(255, 255, 255, .5)); -webkit-background-clip: text; color: transparent; } </style> </head> <body> <div class="main"> <div class="box" id="box1">W3Docs</div> </div> </body> </html>