소스 검색

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

piks 3 주 전
부모
커밋
1932e51a4a
1개의 변경된 파일5개의 추가작업 그리고 0개의 파일을 삭제
  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: "";