Parcourir la source

style(DCard): 添加卡片悬停时的边框颜色过渡效果

piks il y a 3 semaines
Parent
commit
1932e51a4a
1 fichiers modifiés avec 5 ajouts et 0 suppressions
  1. 5 0
      app/components/about/DCard.vue

+ 5 - 0
app/components/about/DCard.vue

@@ -84,6 +84,11 @@ const dcards = [
     flex-direction: column;
     align-items: center;
     color: #FFF;
+    transition: border-color 0.3s ease;
+
+    &:hover {
+      border-color: #ADA8FF;
+    }
 
     &::before {
       content: "";