fixes issues with gallery
- adds hysteresis-kinda-thing so button doesnt move away from users mouse
This commit is contained in:
parent
43876c600e
commit
78a208459b
2 changed files with 8 additions and 6 deletions
|
@ -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">
|
||||||
|
|
|
@ -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{
|
||||||
|
|
Loading…
Add table
Reference in a new issue