transition btns

Elizabethhub · Mar 26, 2024 · 206ecd0 · 206ecd0
1 parent bf3b8fe
commit 206ecd0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/src/components/DailyNorma/WaterRatio.styled.js b/src/components/DailyNorma/WaterRatio.styled.js
@@ -70,6 +70,7 @@ export const RangeButton = styled.button`
   justify-content: center;
   gap: 13px;
   outline: transparent;
+  transition: all 0.5s ease;
   &:hover {
     transform: scale(1.05);
   }

diff --git a/src/components/Welcome/Welcome.styled.js b/src/components/Welcome/Welcome.styled.js
@@ -195,6 +195,10 @@ export const WelcomeNavLink = styled(NavLink)`
   color: ${(props) => props.theme.buttonColor};
 
   border: none;
+  transition: all 0.5s ease;
+  &:hover {
+    transform: scale(1.05);
+  }
   @media only screen and (min-width: 768px) {
     max-width: 336px;
     padding: 13px;