mirror of
https://github.com/Fluffy-Bean/image-gallery.git
synced 2025-05-29 06:43:11 +00:00
Added "Top" button 👀
This commit is contained in:
parent
d6c9951233
commit
4ab1b39650
12 changed files with 78 additions and 13 deletions
|
@ -190,3 +190,34 @@ p, a {
|
|||
margin: 0 0 0.5rem 0;
|
||||
font-family: "Fira Code", monospace;
|
||||
}
|
||||
|
||||
/*
|
||||
-=-=-= Back to top button =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
|
||||
*/
|
||||
#back-to-top {
|
||||
margin: 0; padding: 0.5rem;
|
||||
|
||||
position: fixed;
|
||||
right: -2.5rem; bottom: 1rem;
|
||||
|
||||
object-position: center;
|
||||
|
||||
background-color: var(--bg);
|
||||
|
||||
border-radius: 50%;
|
||||
box-shadow: var(--shadow);
|
||||
|
||||
transition: right 0.15s cubic-bezier(.19,1,.22,1);
|
||||
}
|
||||
#back-to-top:hover {
|
||||
outline: 0.2rem solid var(--green);
|
||||
}
|
||||
|
||||
#back-to-top * {
|
||||
margin: 0; padding: 0;
|
||||
width: 1.5rem; height: 1.5rem;
|
||||
|
||||
display: block;
|
||||
|
||||
object-position: center;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue