代码来自头条号"前
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ padding: 0; margin: 0; box-sizing: border-box; } body{ display: flex; align-items: center; justify-content: center; min-height: 100vh; background-color: #07252d; } h2{ font-size: 6em; letter-spacing: 5px; color: #0e3742; text-transform: uppercase; text-align: center; -webkit-box-reflect: below 1px line-gradient(transparent, #0008); line-height: 0.7em; outline: none; animation: light 5s linear infinite; } @keyframes light { 0%, 18%, 30%, 50%, 70%, 90%{ color: #0e3742 } 18.1%, 30.1%, 50.1%, 90.1%,100%{ color: #fff; text-shadow: 0 0 10px #03bcf4, 0 0 20px #03bcf4, 0 0 40px #03bcf4, 0 0 80px #03bcf4, 0 0 160px #03bcf4; } } </style></head><body> <h2 contenteditable="true">text</h2></body></html>