From b36909ce33fdcb0ab2a12a20135b050d4fec90dd Mon Sep 17 00:00:00 2001 From: weizwz <1124725517@qq.com> Date: Thu, 1 Feb 2024 15:47:59 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E9=BE=99=E7=89=B9=E6=95=88?= =?UTF-8?q?=E5=9C=A8=E7=A7=BB=E5=8A=A8=E7=AB=AF=E9=81=AE=E6=8C=A1=E4=BE=A7?= =?UTF-8?q?=E8=BE=B9=E5=AF=BC=E8=88=AA=E7=9A=84=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- lib/recommend.css | 24 +++++++++--------------- 1 file changed, 9 insertions(+), 15 deletions(-) diff --git a/lib/recommend.css b/lib/recommend.css index c8031ff..e49d6ee 100644 --- a/lib/recommend.css +++ b/lib/recommend.css @@ -404,7 +404,7 @@ .recommend-post-item.recommend-post-item-overflow { overflow: inherit; position: relative; - z-index: 111; + z-index: 100; box-shadow: none; } .recommend-post-item-icon > i { @@ -459,7 +459,7 @@ .recommend-post-item-decoration-wrapper { position: absolute; top: 0; - left: calc(0% - 1vw); + left: calc(0% - 2vw); width: calc(100% + 6vw); height: calc(100% + var(--recommend-margin-inner)); } @@ -481,7 +481,7 @@ top: 15%; height: 42px; z-index: 4; - animation-duration: 5s; + animation-duration: 8s; animation-delay: 1s; } .recommend-post-item-decoration:nth-child(3) { @@ -489,14 +489,14 @@ height: 30px; z-index: 2; animation-duration: 5s; - animation-delay: 5s; + animation-delay: 4s; } .recommend-post-item-decoration:nth-child(4) { top: 50%; height: 28px; z-index: 4; - animation-duration: 8s; - animation-delay: 4s; + animation-duration: 10s; + animation-delay: 5s; } .recommend-post-item-decoration:nth-child(5) { top: 70%; @@ -509,7 +509,7 @@ bottom: 0; height: 24px; z-index: 4; - animation-duration: 6s; + animation-duration: 9s; animation-delay: 2s; } .recommend-post-item-decoration > img { @@ -739,12 +739,9 @@ 10% { opacity: 1; } - 85% { + 90% { opacity: 1; } - 95% { - opacity: 0.5; - } 100% { transform: translateX(-12vw); opacity: 0; @@ -759,12 +756,9 @@ 10% { opacity: 1; } - 80% { + 90% { opacity: 1; } - 95% { - opacity: 0.5; - } 100% { transform: translateX(-180px); opacity: 0;