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%, #8ebf42 50%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } </style> </head> <body> <h1>X</h1> <p>This is a character with half-style.</p> </body> </html>