一

#id{
   position: absolute;
background: linear-gradient(90deg, #03a9f4, #f441a5, #ff9c05, #03a9f4,#03a9f4, #f441a5, #ff9c05, #03a9f4);
background-size: 200%;
/* z-index: -100; */
/* filter: blur(20px); */
animation: ColdLight 2s linear infinite;
/* opacity: 1; */
color: transparent !important;
-webkit-background-clip: text;
font-weight: bold;
text-shadow: 0px 0px 15px rgb(255 245 255 / 30%) !important;
}

@keyframes ColdLight {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -100%, 0;
    }
}

彩色字

background-image: linear-gradient(90deg, red 0%, green 50%, blue 100%);

背景色1

[data-theme=light] {
    --card-bg: hsl(0deg 0% 100% / 73%) border-box!important;
    --card-box-shadow: 0 1px 20px 0 rgb(211 234 255);
    --card-hover-box-shadow: 0 3px 8px 6px rgb(17 118 219 / 27%);
    --lovetime-font-color: linear-gradient(to right, red, blue);
    --card-widget-home-color: #ff6a6a;
    --style-border: 1px solid var(--light-grey);
}



{
    background-color: #FFDEE9;
    background-image: linear-gradient(90deg, #FFDEE9 0%, #B5FFFC 100%) !important;
    color: #444 !important;
}

背景色2

background: linear-gradient(to right, #bf74b7, #80b0d8);

背景色3

background-image: linear-gradient(21deg,#e3defe 0% ,#e8f5dd 0%,#FFDEE9 0%, #c9fffd 100%);

动态彩色文字

p{
    background-image: -webkit-linear-gradient(30deg, #32c5ff 25%, #b620e0 50%, #f7b500 75%, #20e050 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;
    -webkit-animation: maskedAnimation 4s infinite linear;}
@keyframes maskedAnimation {
  0% {
    background-position: 0 0
  }

  100% {
    background-position: -100% 0
  }