Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> html, body { margin: 0; padding: 0; width: 100%; height: 100%; display: table; background-color: black; } .container { display: table-cell; text-align: center; vertical-align: middle; } .glow { color: #FB4264; font-size: 9vw; line-height: 9vw; text-shadow: 0 0 3vw #F40A35; } .glow { animation: glow 1.2s ease infinite; -moz-animation: glow 1.2s ease infinite; -webkit-animation: glow 1.2s ease infinite; } @keyframes glow { 0%, 100% { text-shadow: 0 0 1vw #FA1C16, 0 0 3vw #FA1C16, 0 0 10vw #FA1C16, 0 0 10vw #FA1C16, 0 0 .4vw #FED128, .5vw .5vw .1vw #806914; color: #FED128; } 50% { text-shadow: 0 0 .5vw #800E0B, 0 0 1.5vw #800E0B, 0 0 5vw #800E0B, 0 0 5vw #800E0B, 0 0 .2vw #800E0B, .5vw .5vw .1vw #40340A; color: #806914; } } </style> </head> <body> <div class="container"> <div class="glow">W3DOCS</div> </div> </body> </html>