janis/dertyp7.github.io
1
0
Fork 0
mirror of https://github.com/DerTyp7/dertyp7.github.io.git synced 2025-10-29 12:52:08 +01:00
Code Issues Packages Projects Releases Wiki Activity

Refactor ScrollToTop.scss to add hover animation

Browse Source
This commit is contained in:
dertyp7
2024-01-13 18:43:42 +01:00
parent 0edfa1eeef
commit 07323b2028
1 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/styles/ScrollToTop.scss
View File

@@ -11,23 +11,33 @@
transform: rotate(0deg); transform: rotate(0deg);
&:hover { &:hover {
animation: pulseUp 1s infinite; animation: pulseUp 1s 2;
}
@media screen and (min-width: 768px) {
&:hover {
animation: pulseUp 1s infinite;
}
} }
} }
&.down { &.down {
transform: rotate(-180deg); transform: rotate(-180deg);
&:hover {
animation: pulseDown 1s 2;
}
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
width: 50px; width: 50px;
height: 50px; height: 50px;
position: fixed; position: fixed;
bottom: 15px; bottom: 15px;
right: 50%; right: 50%;
}
&:hover { &:hover {
animation: pulseDown 1s infinite; animation: pulseDown 1s infinite;
}
} }
} }
} }