一

#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
}