From 6fb6beb72777db90e438816bdb9319c9379acc5c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=A6=BA=E7=8B=A8?= <18119604035@163.com> Date: Tue, 28 Mar 2023 10:24:11 +0800 Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E8=AF=BE=E7=A8=8Bhover?= =?UTF-8?q?=E5=8A=A8=E7=94=BB=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../index/compenents/courses-model.module.scss | 17 +++-------------- 1 file changed, 3 insertions(+), 14 deletions(-) diff --git a/src/pages/index/compenents/courses-model.module.scss b/src/pages/index/compenents/courses-model.module.scss index 487615f..231c7a5 100644 --- a/src/pages/index/compenents/courses-model.module.scss +++ b/src/pages/index/compenents/courses-model.module.scss @@ -1,16 +1,3 @@ -@keyframes scaleTransTop { - 0% { - transform: translateY(0px); - } - - 50% { - transform: translateY(-2px); - } - - 100% { - transform: translateY(-5px); - } -} .item { width: 100%; height: 186px; @@ -21,10 +8,12 @@ padding: 24px; display: flex; flex-direction: column; + transition: all 0.3s; cursor: pointer; &:hover { box-shadow: 0px 4px 16px 8px rgba(0, 0, 0, 0.04); - animation: scaleTransTop 0.3s; + transition: all 0.3s; + transform: translateY(-5px); } .top-content { width: 100%;