css 文字變淺效果
阿新 • • 發佈：2021-11-25
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.box{
width: 330px;
color: #000;
background-image: -webkit-gradient(linear, 0 0, left bottom, from(#000), to(#fff));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
</head>
<body>
<div class="box">
世人都曉神仙好，惟有功名忘不了！
古今將相在何方？荒冢一堆草沒了。
世人都曉神仙好，只有金銀忘不了！
終朝只恨聚無多，及到多時眼閉了。
世人都曉神仙好，只有嬌妻忘不了！
君生日日說恩情，君死又隨人去了。
世人都曉神仙好，只有兒孫忘不了！
痴心父母古來多，孝順兒孫誰見了？
</div>
</body>
</html>