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

首页课程hover动画优化

Browse Source
This commit is contained in:
禺狨 2023-03-28 10:24:11 +08:00
parent 6d990f137e
commit 6fb6beb727
1 changed files with 3 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,16 +1,3 @@
@keyframes scaleTransTop {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(-2px);
}
100% {
transform: translateY(-5px);
}
}
.item { .item {
width: 100%; width: 100%;
height: 186px; height: 186px;
@ -21,10 +8,12 @@
padding: 24px; padding: 24px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
transition: all 0.3s;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
box-shadow: 0px 4px 16px 8px rgba(0, 0, 0, 0.04); 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 { .top-content {
width: 100%; width: 100%;