yexuejc007/PlayEdu-frontend
1
0
Fork 0
mirror of https://github.com/PlayEdu/frontend.git synced 2025-06-21 15:05:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

首页课程hover动画优化

Browse Source
This commit is contained in:
禺狨 2023-03-28 09:45:28 +08:00
parent f46078e2b1
commit 4bb82c6a8a
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/index/compenents/courses-model.module.scss
View File

@ -1,10 +1,14 @@
@keyframes scaleMarginTop {
@keyframes scaleTransTop {
0% {
margin-top: 0;
transform: translateY(0px);
}
50% {
transform: translateY(-2px);
}
100% {
margin-top: -5px;
transform: translateY(-5px);
}
}
.item {
@ -20,7 +24,7 @@
cursor: pointer;
&:hover {
box-shadow: 0px 4px 16px 8px rgba(0, 0, 0, 0.04);
animation: scaleMarginTop 0.5s;
animation: scaleTransTop 0.3s;
}
.top-content {
width: 100%;