diff options
| author | Fuwn <[email protected]> | 2026-05-08 08:06:27 +0000 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2026-05-08 08:06:27 +0000 |
| commit | 69355fa5b080a97d7914ae039ae3d36c0d374034 (patch) | |
| tree | 65eb8bc2a3d4afe58f76222f745082756c599dbc /src/styles/motion.css | |
| parent | style(header): soften hide/show curve with ease-out-quart (diff) | |
| download | due.moe-main.tar.xz due.moe-main.zip | |
Add --ease-out-quart, --ease-in-out-quart, --duration-fast, --duration-slow in motion.css and migrate the global anchor, header, and theme-switch transitions to use them. Establishes a shared motion vocabulary for future polish.
Diffstat (limited to 'src/styles/motion.css')
| -rw-r--r-- | src/styles/motion.css | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/src/styles/motion.css b/src/styles/motion.css new file mode 100644 index 00000000..9e0f4257 --- /dev/null +++ b/src/styles/motion.css @@ -0,0 +1,6 @@ +:root { + --ease-out-quart: cubic-bezier(0.22, 1, 0.36, 1); + --ease-in-out-quart: cubic-bezier(0.76, 0, 0.24, 1); + --duration-fast: 0.15s; + --duration-slow: 0.4s; +} |