fancy animations
This commit is contained in:
parent
bafba68cb2
commit
2719b3da4e
1 changed files with 19 additions and 0 deletions
|
@ -904,6 +904,25 @@
|
||||||
.replay-page {
|
.replay-page {
|
||||||
--replayTextShadow: 0px 3px 2px #6f3f52;
|
--replayTextShadow: 0px 3px 2px #6f3f52;
|
||||||
|
|
||||||
|
|
||||||
|
.cd-mediaitem-square {
|
||||||
|
.mediaitem-artwork {
|
||||||
|
animation: replayFadeIn .5s var(--appleEase);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes replayFadeIn {
|
||||||
|
0% {
|
||||||
|
transform: translateY(10px) scale(0.9);
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
transform: scale(1);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.replay-viewport {
|
.replay-viewport {
|
||||||
background: var(--replayGradient);
|
background: var(--replayGradient);
|
||||||
padding: 16px 40px;
|
padding: 16px 40px;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue