fix glitchy song title animation
This commit is contained in:
+23
-10
@@ -2,16 +2,6 @@
|
||||
|
||||
@theme {
|
||||
--breakpoint-xs: 400px;
|
||||
--animate-scroll-left: scroll-left 10s linear infinite;
|
||||
|
||||
@keyframes scroll-left {
|
||||
0% {
|
||||
transform: translateX(50%);
|
||||
}
|
||||
100% {
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
@@ -28,4 +18,27 @@ body {
|
||||
background-color:gray;
|
||||
border-radius: var(--radius-lg);
|
||||
}
|
||||
}
|
||||
|
||||
.marquee {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.marquee-content {
|
||||
display: inline-block;
|
||||
animation: scroll 10s linear infinite;
|
||||
}
|
||||
|
||||
.marquee-content span {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
@keyframes scroll {
|
||||
0% {
|
||||
transform: translateX(0);
|
||||
}
|
||||
100% {
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user