[#123] bugfix: add transition

super-waffle · Feb 18, 2022 · e88d331 · e88d331
1 parent 6030552
commit e88d331
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 1 deletion.
diff --git a/src/statics/css/meetingroom.css b/src/statics/css/meetingroom.css
diff --git a/src/statics/css/meetingroom.css.map b/src/statics/css/meetingroom.css.map
diff --git a/src/statics/scss/meetingroom.scss b/src/statics/scss/meetingroom.scss
@@ -808,6 +808,8 @@
   height: 0;
   overflow: hidden;
   padding-bottom: 72%;
+  // padding: 1.1rem 1.5rem;
+  transition: all 0.2s linear;
   & img {
     position: absolute;
     width: 100%;
@@ -817,6 +819,11 @@
     border-radius: 3px;
   }
 }
+.meetingroom-card__img:hover {
+  transform: scale(1.03);
+  box-shadow: 0px 0px 5px 1px rgba(104, 105, 172, 0.25);
+  transition: all 0.5s ease 0s;
+}
 .meetingroom-card__img__headcount {
   padding: 0 0.5rem;
   position: absolute;