Update main.css

2023-09-26 12:53:51 -04:00
parent b603868ef0
commit 96b704e7fb
1 changed files with 30 additions and 0 deletions
@@ -1040,3 +1040,33 @@ input:checked+.slider:before {
  }
 }

+
+
+
+
+/* Define styles for the image container */
+.image-container {
+    position: relative;
+    width: 300px;
+    height: 200px;
+    overflow: hidden;
+}
+
+/* Define styles for the images */
+.image {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
+}
+
+.current {
+    opacity: 1;
+}
+
+.next {
+    opacity: 0;
+    transform: translateX(100%);
+}
+
+