用css实现文字渐变镂空效果

最新推荐文章于 2023-04-11 13:49:16 发布

心鑫

最新推荐文章于 2023-04-11 13:49:16 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/proud2005/article/details/8259261

版权

<!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实现文字渐变镂空效果

优惠劵

心鑫

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用css实现文字渐变镂空效果

#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;}#
复制链接

扫一扫