diff options
| author | Samuel Newman <mozzius@protonmail.com> | 2025-02-12 21:51:16 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-02-12 21:51:16 +0000 |
| commit | 1a3ecdf6ecb411f7bf0e1a360f0c57d3b3d65f48 (patch) | |
| tree | ed6e914bb059e0d9f63298b29844990dcbfadbcc /src/style.css | |
| parent | 66f5e3a8330faf616e36db56e90c365637bae722 (diff) | |
| download | voidsky-1a3ecdf6ecb411f7bf0e1a360f0c57d3b3d65f48.tar.zst | |
Animate drawer menu on mobile web (#7711)
* slide in/out drawer * increase width slightly * exponential easing function
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/src/style.css b/src/style.css index dd13b13be..2e118c433 100644 --- a/src/style.css +++ b/src/style.css @@ -215,6 +215,24 @@ input:focus { } } +@keyframes slideInLeft { + from { + transform: translateX(-100%); + } + to { + transform: translateX(0); + } +} + +@keyframes slideOutLeft { + from { + transform: translateX(0); + } + to { + transform: translateX(-100%); + } +} + /* animating radix dropdowns requires knowing the data attributes */ .dropdown-menu-transform-origin > * { transform-origin: var(--radix-dropdown-menu-content-transform-origin); |