From 5094c178316cb85c9621196846ade0ac297935c4 Mon Sep 17 00:00:00 2001 From: tnt group Date: Sun, 14 May 2023 13:03:25 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E5=8A=A0=E9=87=8D=E7=BF=BB=E7=89=8C?= =?UTF-8?q?=E5=8A=A8=E7=94=BB=E6=95=88=E6=9E=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Pages/Flipper/index.vue | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/src/components/Pages/Flipper/index.vue b/src/components/Pages/Flipper/index.vue index 9de9c0d1..1bd23996 100644 --- a/src/components/Pages/Flipper/index.vue +++ b/src/components/Pages/Flipper/index.vue @@ -209,11 +209,13 @@ $lineColor: #4a9ef8; &.down.go .front:before { transform-origin: 50% 100%; animation: frontFlipDown $speed ease-in-out both; - box-shadow: 0 -2px 6px rgba($color: $lineColor, $alpha: 0.3); + box-shadow: 0 -2px $borderWidth 0 $frontColor; backface-visibility: hidden; } &.down.go .back:after { animation: backFlipDown $speed ease-in-out both; + box-shadow: 0 2px $borderWidth 0 $frontColor; + backface-visibility: hidden; } /*向上翻*/ &.up .front:after { @@ -231,11 +233,13 @@ $lineColor: #4a9ef8; &.up.go .front:after { transform-origin: 50% 0; animation: frontFlipUp $speed ease-in-out both; - box-shadow: 0 2px 6px rgba($color: $lineColor, $alpha: 0.3); + box-shadow: 0 2px $borderWidth 0 $frontColor; backface-visibility: hidden; } &.up.go .back:before { animation: backFlipUp $speed ease-in-out both; + box-shadow: 0 -2px $borderWidth 0 $frontColor; + backface-visibility: hidden; } }