diff --git a/src/components/DailyNorma/WaterRatio.styled.js b/src/components/DailyNorma/WaterRatio.styled.js index ff73cea..02b1c58 100644 --- 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 index 178599e..9a9dc8e 100644 --- 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;