From 4c1ec2ba1e0ce9a732cea7a14592c63c6e00fa67 Mon Sep 17 00:00:00 2001
From: Tiago Brito <69848652+britotiago03@users.noreply.github.com>
Date: Fri, 10 May 2024 05:13:41 +0200
Subject: [PATCH] Implemented Carousel.css
---
frontend/src/css/Carousel.css | 42 +++++++++++++++++++++++++++++++++++
1 file changed, 42 insertions(+)
create mode 100644 frontend/src/css/Carousel.css
diff --git a/frontend/src/css/Carousel.css b/frontend/src/css/Carousel.css
new file mode 100644
index 0000000..2ea6b52
--- /dev/null
+++ b/frontend/src/css/Carousel.css
@@ -0,0 +1,42 @@
+/* Carousel.css */
+.carousel {
+ position: relative;
+ width: 80%;
+ overflow: hidden;
+ height: 500px; /* Set a fixed height or adjust as per your design */
+}
+
+.banner {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ transition: opacity 0.5s ease-in-out;
+}
+
+.banner img {
+ width: 100%;
+ height: auto; /* Maintain aspect ratio */
+ display: block;
+}
+
+.left-arrow, .right-arrow {
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ background-color: rgba(0, 0, 0, 0.5);
+ color: white;
+ border: none;
+ padding: 10px;
+ cursor: pointer;
+ z-index: 100;
+}
+
+.left-arrow {
+ left: 10px;
+}
+
+.right-arrow {
+ right: 10px;
+}
--
GitLab