过渡效果

2023-08-09 17:13:59 +08:00
parent c45ca1a9d4
commit 2267894a80
3 changed files with 14 additions and 3 deletions
--- a/src/views/apartmentDetail.vue
+++ b/src/views/apartmentDetail.vue
@@ -901,19 +901,24 @@ const publicJump = path => router.push(path)
                            &::after {
                                content: "";
                                position: absolute;
-                                top: 0;
-                                left: 0;
+                                top: 50%;
+                                left: 50%;
                                width: 100%;
                                height: 100%;
                                background-color: rgba(255, 255, 255, 0.501960784313725);
+                                transform: translate(-50%, -50%);
+                                transition: width 0.3s, height 0.3s;
                            }

                            &:hover::after {
-                                background-color: transparent;
+                                width: 0;
+                                height: 0;
                            }

                            &.pitch {
                                &::after {
+                                    width: 0;
+
                                    height: 0;
                                }
                            }