okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added effect to playlist/album page

Browse source
This commit is contained in:
booploops 2022-01-18 03:18:53 -08:00
parent fe34428580
commit 2e5381df04
1 changed files with 9 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/renderer/style.less
View file

@ -2402,6 +2402,7 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
padding: 0; padding: 0;
-webkit-mask-image: radial-gradient(at top left, black, transparent 70%), radial-gradient(at top right, black, transparent 70%), linear-gradient(180deg, rgb(200 200 200), transparent 98%); -webkit-mask-image: radial-gradient(at top left, black, transparent 70%), radial-gradient(at top right, black, transparent 70%), linear-gradient(180deg, rgb(200 200 200), transparent 98%);
opacity: .7; opacity: .7;
animation: playlistArtworkFadeIn 1s var(--appleEase);
.artworkMaterial>img { .artworkMaterial>img {
filter: brightness(100%) blur(80px) saturate(100%) contrast(1); filter: brightness(100%) blur(80px) saturate(100%) contrast(1);
@ -2592,6 +2593,14 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
} }
} }
@keyframes playlistArtworkFadeIn {
0%{
opacity: 0;
}
100%{
opacity: 0.7;
}
}
// Collection Page // Collection Page
.collection-page { .collection-page {
padding-bottom: 128px; padding-bottom: 128px;