Merge pull request #1110 from harshita-2003/new

style: back to top animated #1030
JasonDsouza212 · Jul 3, 2023 · 0c9a89e · 0c9a89e · vercel · Jul 3, 2023
2 parents 93fb0d7 + b91f37d
commit 0c9a89e
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/src/styles/BackToTop.css b/src/styles/BackToTop.css
@@ -23,7 +23,23 @@
   cursor: pointer;
   color: white;
   background-color: #1f1f1f;
+  animation:animate 4s alternate infinite;
 }
+
+@keyframes animate{
+  0%,100%{
+    transform: translateY(0px);
+  }
+  50%{
+    transform: translateY(10px);
+  }
+}
+
+.backToTopButton:hover{
+  opacity:90%;
+  box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
+}
+
 .backToTopButton i {
   font-size: 24px;
 }