Updated style info for the image enlargement for the cakes
Browse files
style.css
CHANGED
|
@@ -129,4 +129,18 @@
|
|
| 129 |
display: none;
|
| 130 |
padding: 20px;
|
| 131 |
border: 1px solid #ccc;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 132 |
}
|
|
|
|
| 129 |
display: none;
|
| 130 |
padding: 20px;
|
| 131 |
border: 1px solid #ccc;
|
| 132 |
+
}
|
| 133 |
+
|
| 134 |
+
/* Select all images within the table for the cake display */
|
| 135 |
+
table img {
|
| 136 |
+
width: 100px;
|
| 137 |
+
height: 80px;
|
| 138 |
+
transition: transform 0.3s ease; /* Smooth scaling */
|
| 139 |
+
}
|
| 140 |
+
|
| 141 |
+
/* Enlarge on hover */
|
| 142 |
+
table img:hover {
|
| 143 |
+
transform: scale(2.5); /* Resizes to 150% of original */
|
| 144 |
+
z-index: 10; /* Ensures the enlarged image stays on top */
|
| 145 |
+
position: relative;
|
| 146 |
}
|