Replace dominant color squares with equalizer animation
Swap the static colored squares on record show pages for an animated equalizer where each bar is tinted with a dominant color, adding a music-themed visual.
This commit is contained in:
@@ -28,6 +28,7 @@
|
||||
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
--animate-shake: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
|
||||
--animate-shine: shine 3s ease infinite;
|
||||
--animate-equalizer-bar: equalizer-bar 1.2s ease-in-out infinite;
|
||||
|
||||
@keyframes shake {
|
||||
10%,
|
||||
@@ -60,4 +61,14 @@
|
||||
background-position: right center;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes equalizer-bar {
|
||||
0%,
|
||||
100% {
|
||||
height: 20%;
|
||||
}
|
||||
50% {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user