动态颜色字体
动态颜色字体
<div class="ys">内容</div>
.ys {
margin-top: 30px;
font-weight: 600;
font-size: 26px;
color: #8c888b;
background: -webkit-linear-gradient(
45deg,
#70f7fe,
#fbd7c6,
#fdefac,
#bfb5dd,
#bed5f5
);
color: transparent;
-webkit-background-clip: text;
animation: ran 10s linear infinite;
}
@keyframes ran {
from {
backgroud-position: 0 0;
}
to {
background-position: 2000px 0;
}
}