25 lines
617 B
CSS
25 lines
617 B
CSS
.animated {
|
|
background: linear-gradient(
|
|
to right,
|
|
rgb(from var(--card-foreground) r g b / 0.3) 15%,
|
|
rgb(from var(--card-foreground) r g b / 0.75) 35%,
|
|
rgb(from var(--card-foreground) r g b / 0.75) 65%,
|
|
rgb(from var(--card-foreground) r g b / 0.3) 85%
|
|
);
|
|
-webkit-background-clip: text;
|
|
background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
text-fill-color: transparent;
|
|
background-size: 500% auto;
|
|
animation: textShine 2s ease-in-out infinite alternate;
|
|
}
|
|
|
|
@keyframes textShine {
|
|
0% {
|
|
background-position: 0% 50%;
|
|
}
|
|
100% {
|
|
background-position: 100% 50%;
|
|
}
|
|
}
|