Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> h1 { display: inline-block; margin: 0; line-height: 1em; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 200px; background: linear-gradient(to right, #1c87c9 50%, transparent 50%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } </style> </head> <body> <p>This character has transparent half-style. Select it to see the hidden part of it.</p> <h1>X</h1> </body> </html>