Enhanced Rate Us Option

HimanshuNarware · Jun 13, 2024 · 83063d8 · 83063d8
1 parent e48a172
commit 83063d8
Showing 1 changed file with 25 additions and 1 deletion.
diff --git a/frontend/src/style/Rateus.css b/frontend/src/style/Rateus.css
@@ -11,6 +11,12 @@
   border: 1px solid #210202;
   border-radius: 5px;
   background-color: black;
+  transition: box-shadow 0.3s, transform 0.3s;
+}
+
+.rate-us-container:hover {
+  box-shadow: 0 0 20px #7c1de2;
+  transform: scale(1.05);
 }
 
 .rate-us-heading {
@@ -21,16 +27,34 @@
 
 .star-rating {
   margin-bottom: 20px;
+  display: flex;
+  justify-content: center;
 }
 
 .star {
   font-size: 24px;
   color: #f0fafd;
   cursor: pointer;
+  transition: color 0.3s;
+  position: relative;
+}
+
+.star:before {
+  content: '★';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  color: transparent;
+  transition: text-shadow 0.3s, transform 0.3s;
 }
 
-.filled {
+.star:hover:before,
+.star.filled:before {
   color: #f7b731;
+  text-shadow: 0 0 20px #f7b731;
+  transform: scale(1.2);
 }
 
 .feedback-textarea {