下面是HTML代码,大家复制即可,由于JS的代码较多,所以链接我给大家放上面了,大家下载就行了,然后就可以打开这个代码开始学习了。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>编程特趣</title>
<style>
html, body {
height: 100%;
margin: 0;
background: #270F34;
overflow: hidden;
}
body {
display: flex;
align-items: center;
justify-content: center;
}
</style>
</head>
<body>
<script type="text/javascript" src="js/css-doodle.min.js"></script>
<style>
css-doodle {
--color: @p(#51eaea, #fffde1, #ff9d76, #FB3569);
--filter: @svg-filter(<svg>
<filter>
<feTurbulence
type="fractalNoise"
baseFrequency=