div+css+js实现彩虹变色文字效果代码-html代码-BFW代码库

div+css+js实现彩虹变色文字效果代码

代码语言：html

代码描述：div+css+js实现彩虹变色文字效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">



    <style>
        @import url("https://fonts.googleapis.com/css2?family=Quicksand&display=swap");
        * {
          margin: 0;
          padding: 0;
        }
        
        body {
          font-family: "Quicksand", sans-serif;
          background-color: #eaeaea;
          background-image: repeating-radial-gradient(circle at 0 0, transparent 0, #eaeaea 40px), repeating-linear-gradient(#fffdef55, #fffdef);
          color: black;
          display: grid;
          place-items: center;
          height: 100vh;
          text-align: center;
          font-size: 4vmin;
        }
        body #here {
          border-radius: 4vmin;
          background: #ffffff;
          box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff;
          padding: 13vmin;
        }
    </style>



</head>

<body>
    <div id="here">
        Somewhere over the rainbow<br>Way up high.<br>And the dreams that you dream of<br>Once in a lullaby, oh.<br> Somewhere over the rainbow<br> Bluebirds fly.<br> And the dreams that you dream o.........完整代码请登录后点击上方下载按钮下载查看