abner/for-legacy-web
1
0
Fork 1
mirror of https://github.com/stoatchat/for-legacy-web.git synced 2026-03-07 01:15:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(settings): added bezier curve to animations

Browse Source
This commit is contained in:
trashtemp
2022-01-21 09:06:55 +01:00
parent 66cfcc4b02
commit 73303dc05e
3 changed files with 37 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/common/messaging/bars/JumpToBottom.tsx
View File

@@ -13,6 +13,21 @@ export const Bar = styled.div<{ position: "top" | "bottom"; accent?: boolean }>`
z-index: 1;
position: relative;
@keyframes bounce-from-bottom {
0% {
transform: translateY(33px);
}
100% {
transform: translateY(0px);
}
}
animation-name: bounce-from-bottom;
animation-duration: 340ms;
animation-delay: 0ms;
animation-timing-function: cubic-bezier(0.2, 0.9, 0.5, 1.16);
animation-fill-mode: forwards;
${(props) =>
props.position === "top" &&
css`