From 23a64947c249d9c26bc98ff0adcc10171ba400f8 Mon Sep 17 00:00:00 2001 From: Carl Kittelberger Date: Sun, 22 Jul 2018 22:19:17 +0200 Subject: [PATCH] Move hide/show animation of eq sliders to #eq container. --- src/main/_page.scss | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) diff --git a/src/main/_page.scss b/src/main/_page.scss index 09db659..ded9163 100644 --- a/src/main/_page.scss +++ b/src/main/_page.scss @@ -28,10 +28,10 @@ } #eq { margin: 20vh; + transition: opacity ease-out .5s, transform ease-out .5s; + opacity: 0; + transform: scale(0); .slider { - transition: opacity ease-out .5s, transform ease-out .5s; - opacity: 0; - transform: scale(0); background-color: rgba(0, 0, 0, .75); } } @@ -40,10 +40,8 @@ } &:hover { #eq { - .slider { - opacity: 1; - transform: scale(1); - } + opacity: 1; + transform: scale(1); } } }