抖音效果字体RGB分离

辅导猿

于 2021-12-09 10:37:47 发布

阅读量1.2k

点赞数 2

文章标签： javascript html

本文链接：https://blog.csdn.net/weixin_47394522/article/details/121808160

版权

闲来无事做出的抖音字体效果代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#a{
				font-size:120px;
							font-family: "微软雅黑,sans-serif";
							font-weight:bold;
							color:#ffffff;
							text-shadow: 
							-8px -8px 0px #24f4ee,
							6px 6px 0px #fe1955
				}
			body{
				background-color: black;
			}
		</style>
		<script src="js/jquery-3.5.1.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
                <!--下面填入要改变的文字-->
        <p id="a">要改变的文字</p>
	</body>
</html>