slight css changes, lyrics in fullscreen now have in animation

This commit is contained in:
booploops 2022-01-04 17:58:48 -08:00
parent a97eb1d5c9
commit ed8a7821ba

View file

@ -3443,7 +3443,10 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
.lyric-line { .lyric-line {
pointer-events: none; pointer-events: none;
font-weight: 500; font-weight: 500;
font-size: 1.6em; font-size: 2em;
transform-origin: center;
animation: fsLyricIn var(--appleEase) .2s;
opacity: 0.9;
text-shadow: text-shadow:
-1px -1px 0 #000, -1px -1px 0 #000,
0 -1px 0 #000, 0 -1px 0 #000,
@ -3469,6 +3472,17 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
} }
} }
@keyframes fsLyricIn {
0% {
opacity: 0;
transform: scale(0.98)
}
100% {
opacity: 1;
transform: scale(1);
}
}
// Modular // Modular
/* Transitions */ /* Transitions */