fixes issues with gallery

- adds hysteresis-kinda-thing so button doesnt move away from users mouse
This commit is contained in:
Nye Evans 2021-09-24 23:58:56 +01:00
parent 43876c600e
commit 78a208459b
2 changed files with 8 additions and 6 deletions

View file

@ -129,9 +129,10 @@
</a> </a>
</div> </div>
</div> </div>
<div id="galleryOutroLink">
<a href = "pages/AllProjects.html">See all my projects here</a> </div>
</div> <div id="galleryOutroLink">
<a href = "pages/AllProjects.html">See all my projects here</a>
</div> </div>
<div class = "textBox" id= "outroText"> <div class = "textBox" id= "outroText">

View file

@ -51,13 +51,14 @@
margin-left: 10vw; margin-left: 10vw;
margin-right: 10vw; margin-right: 10vw;
height: 19vh; height: 19vh;
margin-bottom: 0vh; margin-bottom: 5vh;
transition: margin-bottom 0.5s; transition: margin-bottom 2s 2s ease-in;
justify-content: space-evenly; justify-content: space-evenly;
} }
.galleryContainer:hover .gallery{ .galleryContainer:hover .gallery{
margin-bottom: 36vh; margin-bottom: 28vh;
transition: 0.5s;
} }
.galleryItem{ .galleryItem{