Merge pull request #909 from Che140401/chetan_ui

zoom-products menu-items
khushi-joshi-05 · Jun 4, 2024 · 3632542 · 3632542
2 parents 29b99c6 + 1060586
commit 3632542
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/Css-files/content.css b/Css-files/content.css
@@ -203,12 +203,20 @@ body {
   /* overflow: hidden; */
   text-align: center;
   font-family: "Bree Serif", serif;
+  overflow: hidden;
+  position: relative;
 }
 
 .menu_items .items img {
   height: 190px;
   width: 230px;
   border-radius: 10px 10px 0 0;
+  object-fit: cover;
+  transition: transform 0.3s ease;
+  -webkit-transition: transform 0.3s ease;
+  -moz-transition: transform 0.3s ease;
+  -ms-transition: transform 0.3s ease;
+  -o-transition: transform 0.3s ease;
 }
 
 .menu_items .items h3 {
@@ -703,7 +711,20 @@ nav {
 .cart {
   color: white;
 }
+.menu_items .items img:hover
+{
+    transform: scale(1.1);
+    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
+    -webkit-transform: scale(1.1);
+    -moz-transform: scale(1.1);
+    -ms-transform: scale(1.1);
+    -o-transform: scale(1.1);
+}
 
+.menu_items .items img{
+    transition: 3s, 1s ease-in-out;
+}
+=======
 .contact-form-section {
   display: flex;
   align-items: center;
@@ -864,3 +885,4 @@ main {
 .contact-info p a:hover {
   color: #333; /* Darken color on hover */
 }
+