camerin
/
portfolio
mirror of https://github.com/RaspberryProgramming/portfolio.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Added some animation to each nav button

This commit is contained in:
Camerin Figueroa 2021-09-18 18:52:59 -04:00
parent 865c4fef15
commit 3a5c189a16
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/css/Navigation.css
View File

@ -1,5 +1,5 @@
.Navigation { .Navigation {
height: 5vh; height: 75px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
background-color: #3F3F4A; background-color: #3F3F4A;
@ -11,13 +11,21 @@
.Navigation a { .Navigation a {
color: #CFC0C0 !important; color: #CFC0C0 !important;
padding:10px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items:center; align-items:center;
justify-content: space-around justify-content: space-around;
transition: height 4s ease-in-out;
padding-left: 10px;
padding-right: 10px;
height:70px;
transition: height 250ms ease-in-out;
} }
.Navigation a:hover { .Navigation a:hover {
background-color: #2F2F32; background-color: #2F2F32;
height: 90px;
z-index: 10;
transition: height 300ms ease-in-out;
} }