Move hide/show animation of eq sliders to #eq container.
gitea/icedream/rekt-theme/master This commit looks good Details

header/meta/overlay^2
Icedream 2018-07-22 22:19:17 +02:00
parent d6eca0bde5
commit 23a64947c2
Signed by: icedream
GPG Key ID: 1573F6D8EFE4D0CF
1 changed files with 5 additions and 7 deletions

View File

@ -28,10 +28,10 @@
} }
#eq { #eq {
margin: 20vh; margin: 20vh;
transition: opacity ease-out .5s, transform ease-out .5s;
opacity: 0;
transform: scale(0);
.slider { .slider {
transition: opacity ease-out .5s, transform ease-out .5s;
opacity: 0;
transform: scale(0);
background-color: rgba(0, 0, 0, .75); background-color: rgba(0, 0, 0, .75);
} }
} }
@ -40,10 +40,8 @@
} }
&:hover { &:hover {
#eq { #eq {
.slider { opacity: 1;
opacity: 1; transform: scale(1);
transform: scale(1);
}
} }
} }
} }