<!docutype html>
<html>
<head>
<style>
#demo{
margin:50px auto 100px;font-size:100px;
background:-webkit-linear-gradient(top,#fc0,#f30 50%,#c00 51%,#600);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
#demo1{
width:800px;
background:green;
-webkit-text-fill-color:transparent;
-webkit-text-stroke:1px red;
font-size:126px;}
</style>
</head>
<body>
<div id="demo">aaaaaaa</div>
<div id="demo1">bbbbbbb</div>
</body>
</html>
用css实现文字渐变 镂空效果
用css实现文字渐变 镂空效果
最新推荐文章于 2024-07-01 15:53:36 发布