diff --git a/src/pages/index/compenents/courses-model.module.scss b/src/pages/index/compenents/courses-model.module.scss index f4d59fa..487615f 100644 --- a/src/pages/index/compenents/courses-model.module.scss +++ b/src/pages/index/compenents/courses-model.module.scss @@ -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%;