本篇文章更新于 2021-08-18 20:36:52
本篇文章更新于 2021-08-18
演示
代码如下
a:active, a:hover {
outline: 0;
letter-spacing: 0;
text-shadow: 0 0 80px rgb(255 255 255 / 50%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: #00000040;
background-image:linear-gradient(135deg,#0071EF 0%,#f16b6f 25%,white 25%,white 50%,#0071EF 50%,#ff3355 75%,white 75%,white 100%);
animation: move 50s linear infinite;
-webkit-animation: move 50s linear infinite;
background-size:60px 60px;
transition: ease-in-out 0.2s;
}
a {
transition: ease-in-out 0.2s;
}
@keyframes move {
0% {
background-position: 0 0;
}
100% {
background-position: 2000px 0;
}
}