<!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> span { font-size: 40px; background-image: linear-gradient(to right, #FFFF00, #0066CC); background-clip: text; -webkit-background-clip: text; color: transparent; } </style> </head> <body> <span>只是因为在人群中多看了一眼</span> </body> </html>
-webkit-background-clip: text; 这一行虽然是兼容代码, 但是常见的 Vue 项目打包, 并不会主动添加上, 所以必须手动加上,否则, 没有效果!!!
...
本想把生活活成一首诗, 时而优雅 , 时而豪放 , 结果活成了一首歌 , 时而不靠谱 , 时而不着调