diff --git a/src/pages/latest-learn/index.module.scss b/src/pages/latest-learn/index.module.scss
index 15d9e12..3bf1cfb 100644
--- a/src/pages/latest-learn/index.module.scss
+++ b/src/pages/latest-learn/index.module.scss
@@ -16,10 +16,13 @@
     align-items: center;
     box-sizing: border-box;
     padding: 24px;
+    transition: all 0.3s;
     cursor: pointer;
     &:hover {
       border: none;
       box-shadow: 0px 4px 16px 8px rgba(0, 0, 0, 0.04);
+      transition: all 0.3s;
+      transform: translateY(-5px);
     }
     .item-info {
       flex: 1;